Express ist ein beliebtes Framework zum Erstellen von Webanwendungen in der Programmiersprache JavaScript. Es bietet viele praktische Funktionen und Tools für die Entwicklung von Webservern.
In diesem Artikel werden wir uns ansehen, wie die Express-App Schritt für Schritt zusammengestellt wird. Wir werden uns mit den grundlegenden Entwicklungsschritten vertraut machen, lernen, wie man den Server konfiguriert, Routen erstellt, Anfragen bearbeitet und Antworten sendet.
Der erste Schritt besteht darin, Express zu installieren. Wir können dies tun, indem wir den Befehl ausführen:
npm install express
Nach der Installation von express können wir mit der Entwicklung unserer Anwendung beginnen. Zuerst müssen wir eine Serverdatei erstellen.js und Express verbinden:
const express = require('express');
Jetzt können wir eine Instanz der Express-Anwendung erstellen:
Danach können wir Routen und Abfrageprozessoren einrichten. Um beispielsweise eine Route für die Hauptseite zu erstellen, können wir die app-Methode verwenden.get():
In diesem Beispiel definieren wir eine Route für den Root-Pfad '/' und legen einen Abfrageprozessor fest, der die Antwort 'Hallo Welt!'. Dann starten wir den Server mit der app-Methode.listen():
app.listen(3000, () =>
// callback wird beim Starten des Servers aufgerufen
console.log('Server läuft auf Port 3000');
>);
Jetzt ist unsere Express-App einsatzbereit! Wir haben gerade die grundlegende Montageanleitung der Express-Anwendung überprüft. In den folgenden Artikeln werden wir komplexere Themen wie die Arbeit mit Datenbanken, die Verarbeitung von Formularen und die Benutzerauthentifizierung behandeln.
Express installieren und konfigurieren.js
Um mit Express zu beginnen.js muss das Modul installieren. Öffnen Sie dazu eine Eingabeaufforderung, und geben Sie den folgenden Befehl ein:
- npm install express
Nach der Installation von Express.js Sie können ein neues Projekt erstellen. Erstellen Sie einen neuen Ordner für das Projekt, und navigieren Sie an der Eingabeaufforderung zu diesem Ordner. Führen Sie dann den folgenden Befehl aus:
Dieser Befehl erstellt eine neue package-Datei.json , der die Projekteinstellungen und Abhängigkeiten enthält. Geben Sie die erforderlichen Informationen ein, wenn Sie die Datei erstellen.
Als nächstes benötigen Sie eine Datei mit dem Code Ihrer Anwendung. Erstellen Sie eine neue Datei mit der Erweiterung .js und geben Sie den folgenden Code ein:
const express = require('express');const app = express();app.get('/', (req, res) => );app.listen(3000, () => );
Nachdem Sie den Code eingegeben haben, speichern Sie die Datei mit dem ausgewählten Namen. In diesem Code verbinden wir das Express-Modul und instanziieren die Anwendung, definieren dann eine einfache Route, die auf die Hauptseite reagiert und den Server auf Port 3000 startet.
Nun, um Ihren Express zu starten.führen Sie in der js-Anwendung den folgenden Befehl an der Eingabeaufforderung aus:
- node Dateiname.js
Wenn der Start erfolgreich ist, wird an der Eingabeaufforderung die Meldung "Server started on port 3000" angezeigt. Ihre Anwendung funktioniert jetzt und gibt auf Anfrage an die Hauptseite den Text "Hallo, Express!".
Sie haben Express erfolgreich installiert und konfiguriert.js und Sie können mit der Entwicklung Ihrer Webanwendung beginnen!
Erstellen und Konfigurieren eines Servers
npm install express
Nach der Installation von express können Sie einen Server mit dem folgenden Code erstellen:
const express = require('express');const app = express();const port = 3000;app.listen(port, () => `);>);
In diesem Beispiel fügen wir ein Express-Modul hinzu und erstellen eine Instanz der Anwendung. Dann geben wir den Port an, auf dem der Server ausgeführt wird (in diesem Fall ist es 3000). Danach starten wir den Server mit der listen() -Methode. Als Argumente nimmt es einen Port und eine Wurst-Funktion an, die nach dem Start des Servers aufgerufen wird.
Außerdem können Sie der Einfachheit halber Ihrem Server die Routenverarbeitung hinzufügen. Sie können beispielsweise den folgenden Code hinzufügen, um eine GET-Anforderung für die Stammroute zu behandeln:
app.get('/', (req, res) => );
In diesem Beispiel weisen wir darauf hin, dass der Server beim Zugriff auf die Stammroute die Antwort "Hallo Welt!".
Jetzt können Sie Ihre Express-Anwendung starten, indem Sie zu dem Verzeichnis navigieren, in dem sich Ihre Codedatei befindet, und den Befehl ausführen:
node название_файла.js
Wo ist "der Dateiname.js" ist der Name Ihrer Datei mit dem Code. Nach dem Start des Servers können Sie zu der Adresse navigieren http://localhost:3000 in Ihrem Browser und sehen Sie die Antwort "Hallo Welt!".
Jetzt wissen Sie, wie Sie einen Express-Server erstellen und konfigurieren und die GET-Anforderung für die Root-Route verarbeiten. Sie können Ihre Anwendung weiter entwickeln, indem Sie neue Routen und Handler hinzufügen.
Arbeiten mit Routen
In Express stellen Routen bestimmte URL-Pfade dar, auf die die Anwendung reagieren muss. Mithilfe von Routen können Sie die Verarbeitung von Anforderungen anpassen und festlegen, welcher Code für jede bestimmte URL ausgeführt wird.
Verwenden Sie die app-Methode, um Routen in Express zu definieren.METHOD(PATH, HANDLER) , wobei METHOD die HTTP-Anforderungsmethode ist (zB GET, POST, PUT), PATH der zu verarbeitende Pfad ist, HANDLER die Funktion ist, die bei der entsprechenden Anforderung aufgerufen wird.
Hier ist ein Beispiel für einen Router, der Anfragen nach /, /about und /contact abhört:
const express = require('express');const app = express();app.get('/', (req, res) => );app.get('/about', (req, res) => );app.get('/contact', (req, res) => );app.listen(3000, () => );
In diesem Beispiel wird die app-Methode verwendet.get(), um GET-Anforderungen für die angegebenen Pfade zu verarbeiten. Callback-Funktionen (req, res) dienen dazu, eine Anforderung zu bearbeiten und eine Antwort an den Client zu senden.
Sie können Routen auch mithilfe von Parametern definieren. Parameter stellen Werte dar, die Teil des URL-Pfads sein können und in der Anforderungsverarbeitungsfunktion verfügbar sein können.
Hier ist ein Beispiel für eine Route, die einen Parameter verwendet :name :
app.get('/greetings/:name', (req, res) => !`);>);
In diesem Beispiel erfasst der Parameter :name den Wert von der URL und macht ihn in der Anforderungsverarbeitungsfunktion über das req-Objekt verfügbar.params .
Dies sind nur einige Beispiele dafür, wie Sie mit Routen in Express arbeiten können. Routen können viel komplexer sein, einschließlich der Verarbeitung verschiedener Anforderungstypen, Fehlerbehandlung, Routing und mehr.
Eine ausführliche Dokumentation zur Arbeit mit Express-Routen finden Sie auf der offiziellen Website.