03 – Express.js 🚀

Der Webserver für Node.js – einfach, schnell, mächtig

🎯 1. Was ist Express.js?

Express.js ist ein Framework für Node.js, mit dem du schnell und einfach Webserver und APIs bauen kannst.

Ohne Express müsstest du jede Anfrage manuell mit dem http-Modul verarbeiten. Mit Express geht das viel klarer – dank sogenanntem Routing.

💡 Merke: Express.js macht Node.js zum professionellen Webserver – ohne unnötigen Code.

🔄 2. Verbindung zum Request/Response-Zyklus

In Kapitel 1 hast du gelernt:

Browser sendet Request
Server verarbeitet ihn
Server sendet Response

Mit Express.js definierst du genau: „Wenn ein Request auf /kontakt kommt, dann mach dies…“

📊 3. Wichtige Befehle & Konzepte

Befehl / Code	Beschreibung
`npm init -y`	Erstellt `package.json`
`npm install express`	Installiert Express.js
`app.get('/seite', ...)`	Reagiert auf GET-Anfragen
`res.send('Hallo')`	Sendet Antwort an den Browser

🎯 4. Einstieg & W3Schools

Express.js ist auf W3Schools hervorragend erklärt – mit interaktiven Beispielen.

🔗 W3Schools – Express.js Tutorial
🔗 W3Schools – Routing

🧠 5. KI-Prompt-Training

Aufgabe: Formuliere einen Prompt, mit dem du KI um Hilfe bitten würdest, um zu erklären, warum man bei Express.js app.get() und app.post() unterschiedlich verwendet – und wann welches verwendet wird.

📁 6. Projektordner einrichten

Erstelle einen neuen Ordner in deinem Node.js-Verzeichnis:

C:\NodeJS\03-express-server

Öffne das Terminal in diesem Ordner und führe diese Befehle aus:

# Erstellt package.json
npm init -y

# Installiert Express.js
npm install express

Danach erscheint ein Ordner node_modules – darin liegen alle Express-Dateien.

🌐 7. Dein erster Express-Server

Erstelle eine Datei server.js mit folgendem Inhalt:

// server.js
const express = require('express');
const app = express();
const port = 3000;

// Route für die Startseite
app.get('/', (req, res) => {
  res.send('Willkommen auf meinem Express-Server!');
});

// Startet den Server
app.listen(port, () => {
  console.log(`Server läuft auf http://localhost:${port}`);
});

Führe das Skript aus:

node server.js

Öffne im Browser: http://localhost:3000

⚠️ Hinweis: Der Server läuft, bis du im Terminal Strg + C drückst!

🔌 8. Was ist eine API?

Der Begriff API (Application Programming Interface) begegnet dir immer wieder im Backend.

Stell dir vor, du bestellst Essen per App:

Die App fragt den Server: „Was gibt es heute?“
Der Server antwortet: „Pizza, Pasta, Salat“
Die App zeigt diese Liste an – ohne zu wissen, wie der Server das ermittelt hat

Die API ist die „Speisekarte“ – sie definiert:

Welche Fragen gestellt werden dürfen (z. B. GET /api/gerichte)
Welche Antworten erwartet werden (z. B. eine Liste im JSON-Format)

Im Gegensatz zu einer normalen Webseite (die HTML für Menschen liefert) liefert eine API Daten für Programme – meist im Format JSON.

💡 Merke: Eine API ist keine Technologie – sondern eine Vereinbarung, wie zwei Systeme miteinander kommunizieren.

🛣️ 9. Mehrere Routen erstellen

Du kannst beliebig viele Seiten (Routen) definieren – auch solche, die eine API bereitstellen:

app.get('/ueber', (req, res) => {
  res.send('<h1>Über uns</h1><p>Dies ist unsere About-Seite.</p>');
});

app.get('/api/zeit', (req, res) => {
  const jetzt = new Date().toLocaleTimeString();
  res.json({ zeit: jetzt }); // ← Das ist eine einfache API!
});

Teste im Browser:

/ueber
/api/zeit → liefert JSON

💡 10. Warum ist Express.js wichtig?

Mit Express.js kannst du:

Eine komplette Website mit mehreren Seiten bauen
Eine API für Apps oder JavaScript-Frontends bereitstellen
Formulardaten empfangen und verarbeiten (später mit app.post())
Middlewares nutzen (zB. für Logging oder Sicherheit)

Kurz gesagt: Express.js macht Node.js zur vollwertigen Webserver-Lösung.