Erstellung der ersten Backend-Anwendung mit Express.js. Bereit für den Einstieg?

Installation von Express.js

Neues Verzeichnis für die Anwendung erstellen und den Ordner im Code-Editor öffnen. Nun kann es losgehen. Im Terminal folgenden Befehl ausführen:

npm install express

Dies entspricht dem Bestellen von Express.js aus einem virtuellen App-Store, wobei npm als Lieferservice fungiert.

Das Ergebnis ist folgende Datei- und Ordnerstruktur der Anwendung:

Grundlegende Projektstruktur:

• node_modules – Enthält installierte Pakete;
• package.json und package-lock.json – Listen Projektabhängigkeiten und Skripte auf;
• app.js oder index.js – Einstiegspunkt für die Express-Anwendung. Diese Datei wird manuell erstellt.

Erste Express-App erstellen

Erstellen Sie einen einfachen Webserver mit Node.js und dem Express.js-Framework. Befolgen Sie dazu die folgenden Schritte:

Schritt 1: Express importieren

Als Bibliothek muss Express zunächst in die Datei importiert werden:

const express = require('express');

Schritt 2: Erstellen einer Express-Anwendungsinstanz

Eine Instanz der Express-Anwendung wird erstellt. Diese Variable app wird verwendet, um das Verhalten des Webservers zu konfigurieren und zu definieren.

const app = express();

Schritt 3: Port festlegen

Wir definieren die Portnummer, auf der unser Server lauscht. In diesem Fall ist sie auf 3000 gesetzt, aber wir können jede verfügbare Portnummer wählen.

const port = 3000;

Schritt 4: Eine Route definieren

Wir richten eine Route zur Verarbeitung von HTTP-GET-Anfragen an die Root-URL (/) ein. Wenn ein Client (typischerweise ein Webbrowser) die Root-URL des Servers aufruft, antwortet dieser mit Hello, World!.

app.get('/', (req, res) => {
  res.send('Hello, World!');
});

• app.get('/') – Definiert eine Route zur Verarbeitung von GET-Anfragen an den Root-Pfad (/). Es können Routen für verschiedene HTTP-Methoden (GET, POST, PUT, DELETE usw.) definiert werden;
• (req, res) => { ... } – Dies ist eine Callback-Funktion, die ausgeführt wird, wenn ein Client eine GET-Anfrage an die angegebene Route stellt. Sie nimmt zwei Argumente entgegen: req (das Request-Objekt) und res (das Response-Objekt). In diesem Fall sendet sie einfach den Text Hello, World! als Antwort.

Schritt 5: Server starten

Wir starten den Server und lassen ihn auf dem angegebenen Port (in unserem Fall Port 3000) lauschen. Sobald der Server erfolgreich gestartet wurde, gibt er eine Nachricht in der Konsole aus, die angibt, auf welchem Port er lauscht.

app.listen(port, () => {
  console.log(`Server is running on port ${port}`);
});

app.listen(port, ...) – Diese Methode startet den Server und lässt ihn auf dem angegebenen Port lauschen. Das zweite Argument ist eine Callback-Funktion, die ausgeführt wird, sobald der Server läuft.

Schritt 6: Anwendung ausführen

Die Anwendung wird im Terminal mit dem Befehl node gestartet.

node index

Nach dem Ausführen des Skripts

Der Server läuft nun und kann über einen Webbrowser unter http://localhost:3000 aufgerufen werden. Im Browser sollte Hello, World! angezeigt werden.