Lass uns unsere erste Backend-App mit Express.js erstellen. Bist du bereit, loszulegen?

Installation von Express.js

Erstellen Sie ein neues Verzeichnis für die App und öffnen Sie den Ordner im Code-Editor. Wir sind bereit zu starten. Führen Sie im Terminal diesen Befehl aus:

Es ist, als würden wir Express.js aus einem virtuellen App-Store bestellen, und npm ist unser Lieferservice.

Als Ergebnis erhalten wir eine solche Datei-Ordner-Struktur unserer App:

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. Wir erstellen es manuell selbst.

🏗️ Erste Express-App erstellen

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

Schritt 1: Express importieren

Als Bibliothek müssen wir sie zuerst in unsere Datei importieren:

Schritt 2: Erstellen einer Express-Anwendungsinstanz

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

Schritt 3: Den Port festlegen

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

Schritt 4: Definieren einer Route

Wir richten eine Route ein, um HTTP-GET-Anfragen an die Stamm-URL (/) zu bearbeiten. Wenn ein Client (typischerweise ein Webbrowser) die Stamm-URL des Servers aufruft, antwortet er mit Hello, World!.

• app.get('/') - Dies definiert eine Route zur Bearbeitung von GET-Anfragen an den Stamm-Pfad (/). Wir können Routen für verschiedene HTTP-Methoden (GET, POST, PUT, DELETE, etc.) definieren;
• (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: req (das Anforderungsobjekt) und res (das Antwortobjekt). In diesem Fall sendet sie einfach den Text Hello, World! als Antwort.

Schritt 5: Starten Sie den Server

Lassen Sie uns den Server starten und ihn auf dem angegebenen Port (in unserem Fall Port 3000) lauschen lassen. Wenn der Server erfolgreich gestartet wurde, wird eine Nachricht in der Konsole protokolliert, die angibt, auf welchem Port er lauscht.

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

Schritt 6: Führen Sie die App aus

Wir führen die App im Terminal mit dem node-Befehl aus.

🌐 Nach dem Ausführen des Skripts

Unser Server wird laufen, und wir können darauf zugreifen, indem wir einen Webbrowser öffnen und zu http://localhost:3000 navigieren. Sie sollten Hello, World! in Ihrem Browser sehen.