Routes hinzufügen

Deinen Server auf verschiedene URLs antworten lassen

⏱ ca. ~8 Min

01 · Lesen

Dein Server antwortet im Moment nur auf eine URL: den Root-Pfad /. Wenn du localhost:3000/about oder localhost:3000/anything-else aufrufst, bekommst du einen Fehler.

Echte Websites haben viele Seiten — Startseite, Über uns, Kontakt, Produktseiten und mehr. Jede Seite hat ihre eigene Route — einen URL-Pfad, mit dem der Server umzugehen weiß.

Routes hinzufügen ist die Art, wie du dem Server beibringst, auf verschiedene URLs mit verschiedenen Inhalten zu antworten. Jeder app.get()-Aufruf erstellt eine neue Route.

💡 Stell dir das so vorStell dir Routes wie die Rezeption eines Büros vor. Jemand fragt nach der Vertriebsabteilung, die Rezeption führt ihn in einen Raum. Jemand fragt nach dem Kundenservice, ein anderer Raum. Dein Server ist die Empfangskraft, Routes sind die Wegweiser.

Kernpunkte

Jedes app.get('/path', ...) erstellt eine neue Route
Der Pfad ist der Teil der URL nach localhost:3000
Verschiedene Routes können völlig verschiedene Inhalte zurückgeben
So bieten alle Websites verschiedene Seiten an

02 · Echte Übung

Öffne deine app.js mit einem Texteditor und füg diese beiden neuen Routes hinzu. Setz sie nach deiner bestehenden app.get('/')-Route, aber vor die Zeile mit app.listen().

app.get('/about', (req, res) => {
  res.send('This is the about page. I built this server myself!');
});

app.get('/contact', (req, res) => {
  res.send('Contact me at: hello@mysite.com');
});

03 · Echte Übung

Dein Server läuft noch mit dem alten Code. Damit die Änderungen wirksam werden, musst du den Server stoppen und neu starten. Geh zurück ins Terminal, in dem der Server läuft, drück Ctrl+C zum Stoppen und starte ihn dann neu.

node app.js

04 · Quiz

Was bedeutet /about in app.get('/about', handler)?

Den Namen einer Datei, die ausgeliefert wird
Den URL-Pfad, der diesen Handler auslöst
Einen Ordner auf dem Computer
Einen Variablennamen

05 · Ausfüllen

In Express erstellt app.get('/about', ...) eine Route, die auf den Pfad _____ antwortet.

06 · Echte Übung

Jetzt teste deine neuen Routes! Öffne den Browser und ruf diese beiden URLs auf: 1. http://localhost:3000/about — sollte den Text deiner About-Seite zeigen 2. http://localhost:3000/contact — sollte den Text deiner Contact-Seite zeigen Probier auch http://localhost:3000, um zu prüfen, dass die ursprüngliche Route noch funktioniert.

http://localhost:3000/about

http://localhost:3000/contact

07 · Quiz

Dein Server hat Routes für /, /about und /contact. Ein Nutzer ruft http://localhost:3000/pricing auf. Was passiert?

Express erstellt automatisch eine Pricing-Seite
Der Server stürzt mit einem Fehler ab
Der Server gibt einen "Cannot GET /pricing"-Fehler zurück, weil keine Route auf diesen Pfad matcht
Die Anfrage wird auf die /-Route umgeleitet

Andere Lektionen aus diesem Kapitel

⚠ Das volle interaktive Erlebnis braucht JavaScript. Bitte aktiviere es und lade die Seite neu.

※ Diese Seite ist ein unabhängiges Bildungsprojekt — kein offizielles Anthropic-Produkt. Claude™ ist eine eingetragene Marke von Anthropic, PBC.