Zum Inhalt springen

Routing in Express

Ein zentrales Konzept bei Express.js ist das Routing. Damit bestimmen Sie, wie Ihr Server auf verschiedene URL-Aufrufe und HTTP-Methoden (wie GET oder POST) reagiert.
Routen verbinden bestimmte Adressen/Adressenmuster Ihres Servers mit jeweiligem JavaScript-Code.

Was ist eine Route?

Eine Route in Express besteht aus drei Teilen:

Die HTTP-Methode (z. B. GET, POST)
Der Pfad (z. B. /, /kontakt, /benutzer/42)
Eine Funktion, die festlegt, was als Antwort zurückgegeben wird

Beispiel: Verschiedene GET-Routen

import express from 'express';
const app = express();

app.get('/', (req, res) => {
  res.send('Sie sind auf der Startseite!');
});

app.get('/kontakt', (req, res) => {
  res.send('Kontaktieren Sie uns per E-Mail!');
});

Routen mit Parametern

Sie können in Express auch flexible Routen anlegen – zum Beispiel für Benutzerdetails nach ID:

app.get('/benutzer/:id', (req, res) => {
  const benutzerId = req.params.id;
  res.send(`Details zu Benutzer mit der ID ${benutzerId}`);
});

:id ist ein Platzhalter. Wenn Sie später /benutzer/5 aufrufen, steht in req.params.id der Wert 5.

Tipp: Mehrere HTTP-Methoden, gleiche Route

Sie können für denselben Pfad unterschiedliche Methoden definieren. Zum Beispiel:

app.get('/kontakt', (req, res) => {
  res.send('Kontakt-Formular anzeigen');
});

app.post('/kontakt', (req, res) => {
  res.send('Kontakt-Formular absenden');
});

Wie sollten Sie Routennamen wählen?

Klar und sprechend: /kontakt, /produkte, /benutzer/:id
Nur Kleinbuchstaben und keine Sonderzeichen (ausser Bindestrich/Unterstrich)

Aufgabe