Wie man die Express-App zusammenbaut: ein Schritt für Schritt Leitfaden für Anfänger

Express es ist eines der beliebtesten Frameworks für die Entwicklung von Webanwendungen in JavaScript. Damit können Sie eine leistungsstarke und flexible Anwendung mit einem Minimum an Code erstellen. Wenn Sie gerade anfangen, Express zu lernen und lernen möchten, wie Sie Ihre eigene App von Grund auf neu zusammenstellen, dann ist dieser Leitfaden für Sie.

Schritt 1: Installieren Sie den Node.js und npm

Bevor Sie beginnen, müssen Sie Node installieren.js und npm (Node Package Manager) auf Ihrem Computer. Node.js ist die Umgebung, in der Express ausgeführt wird, und npm ist ein Batch-Manager, mit dem Sie die für Ihre Anwendung benötigten Pakete installieren und verwalten können.

Vorsagen: Sie können Node einfach installieren.js und npm, indem Sie das Installationsprogramm von der offiziellen Website herunterladen.

Schritt 2: Erstellen eines neuen Express-Projekts

Nun, da Sie Node bereits installiert haben.js und npm, Sie können ein neues Express-Projekt erstellen. Öffnen Sie die Eingabeaufforderung und navigieren Sie zu dem Ordner, in dem Sie Ihre Anwendung erstellen möchten. Führen Sie dann den folgenden Befehl aus:

$ npx express-generator myapp

express-generator ist ein Express-Code-Generator, mit dem Sie das Framework Ihrer Anwendung erstellen können. myapp - dies ist der Name Ihres Projekts, Sie können einen beliebigen Namen auswählen, den Sie mögen.

So starten Sie die Express-App

Das Erstellen einer Express-App kann für Anfänger wie eine schwierige Aufgabe erscheinen. Wenn Sie diese Schritt-für-Schritt-Anleitung befolgen, können Sie jedoch ohne Probleme mit dem Aufbau Ihrer eigenen Express-App beginnen.

Schritt 1: Installieren von Express

Der erste Schritt besteht darin, express mithilfe des npm-Paketmanagers (Node Package Manager) zu installieren. Öffnen Sie eine Eingabeaufforderung, und geben Sie den folgenden Befehl ein:

npm install express

Dadurch werden express und alle erforderlichen Abhängigkeiten für Ihr Projekt installiert.

Schritt 2: Erstellen einer Projektdateistruktur

Erstellen Sie zur Vereinfachung der Organisation Ihres Codes eine Dateistruktur für Ihr Projekt. Erstellen Sie einen Ordner mit dem Namen Ihres Projekts und fügen Sie Ordner für verschiedene Komponenten Ihrer Anwendung wie Modelle, Controller und Routen hinzu.

Schritt 3: Erstellen Sie eine App-Datei.js

Erstellen Sie eine App-Datei.js, das der Einstiegspunkt Ihrer Anwendung sein wird. In dieser Datei konfigurieren Sie Express und definieren die Routen Ihrer Anwendung.

Beispielcode für eine App-Datei.js:

const express = require('express'); const app = express(); // Konfigurieren von App-Routen.get('/', (req, res) => < res.send('Привет, мир!'); >); // Hören Sie den App-Port.listen(3000, () => < console.log('Сервер запущен на порту 3000'); >);

Schritt 4: Starten Sie Ihre Anwendung

Um Ihre Express-Anwendung zu starten, führen Sie den folgenden Befehl an der Eingabeaufforderung aus, während Sie sich im Stammverzeichnis Ihres Projekts befinden:

Ihre Anwendung wird auf Port 3000 ausgeführt. Öffnen Sie Ihren bevorzugten Browser und navigieren Sie zu http://localhost:3000 , um zu sehen "Hallo Welt!" - eine Nachricht von Ihrer Anwendung.

Sie wissen jetzt, wie Sie Ihre eigene Express-App zusammenstellen können. Glückwunsch!

Schritt 1: Installieren Sie den Node.js und npm

npm - dies ist ein Node-Batch-Manager.js. Es ermöglicht Ihnen, Bibliotheken und Module von Drittanbietern für Ihr Projekt zu installieren und zu verwalten. Zusammen mit Node.js wird installiert und npm.

Um zu überprüfen, was Node ist.js und npm sind installiert, öffnen Sie eine Eingabeaufforderung oder ein Terminal und geben Sie die folgenden Befehle ein:

Wenn Sie Node-Versionen sehen.js und npm bedeuten, dass sie erfolgreich auf Ihrem Computer installiert sind. Wenn die Installation fehlschlägt, starten Sie den Computer neu und wiederholen Sie die Installationsschritte.

Node.js und npm sind notwendige Werkzeuge für die Entwicklung von Webanwendungen auf Express.js. Stellen Sie sicher, dass sie installiert und einsatzbereit sind, bevor Sie mit dem nächsten Schritt fortfahren.

Schritt 2: Erstellen eines neuen Projekts

Bevor Sie mit der Entwicklung einer Express-Anwendung beginnen, müssen Sie ein neues Projekt erstellen. In diesem Schritt werden wir uns ansehen, wie Sie eine grundlegende Projektstruktur erstellen.

1. Erstellen Sie einen neuen leeren Ordner für das Projekt.

2. Öffnen Sie ein Terminal oder eine Eingabeaufforderung in diesem Ordner.

3. Führen Sie den Befehl npm init aus, um eine package-Datei zu erstellen.json .
Der Befehl npm init stellt Ihnen einige Fragen zu Ihrem Projekt und Sie können Informationen eingeben oder die Standardwerte beibehalten.

4. Installieren Sie Express, indem Sie den Befehl npm install express ausführen.
Der Befehl npm install express lädt Express herunter und installiert es in Ihrem Projekt.

5. Erstellen Sie eine App-Datei.js oder index.js im Stammverzeichnis Ihres Projekts.

In dieser Datei schreiben wir Code für unsere Express-Anwendung.

Jetzt ist Ihr Projekt bereit, mit Express zu entwickeln!

Schritt 3: Installieren von Express

Bevor Sie mit der Erstellung Ihrer ersten Express-Anwendung beginnen, müssen Sie das Framework selbst installieren. Befolgen Sie dazu die nachstehenden Anweisungen:

Jetzt haben Sie Express installiert und Sie sind bereit, mit dem Erstellen Ihrer ersten Anwendung mit diesem Framework zu beginnen.

Schritt 4: Konfigurieren von Routen

Nachdem wir den Express-Server konfiguriert haben, beginnen wir mit der Konfiguration der Routen. Routen bestimmen, wie der Server mit verschiedenen eingehenden Anforderungen umgehen wird.

Zum Konfigurieren von Routen verwenden wir Express-Router-Methoden wie get , post , Put und delete . Jede Methode definiert einen Handler für einen bestimmten Pfad.

Um beispielsweise eine Route für den Pfad "/" und einen Handler für diese Route zu erstellen, können wir den folgenden Code schreiben:

app.get("/", (req, res) => );

In diesem Beispiel verwenden wir die get-Methode des Express-Routers, um GET-Anforderungen für den Pfad "/" zu verarbeiten. Innerhalb des Handlers rufen wir die send-Methode des res-Objekts auf, um eine Antwort mit dem Text "Hallo Welt!".

Außerdem können wir die Routenparameter definieren, die in der Anforderung übergeben werden. Um beispielsweise eine Route für den Pfad "/users/:id" zu erstellen und den Wert des Parameters "id" im Handler zu erhalten, können wir den folgenden Code schreiben:

app.get("/users/:id", (req, res) => `);>);

In diesem Beispiel verwenden wir die Syntax ":", um den Parameter "id" im Routenpfad anzugeben. Innerhalb des Handlers verwenden wir die params-Eigenschaft des req-Objekts, um den Wert des Parameters "id" zu erhalten. Dann verwenden wir die send-Methode des res-Objekts, um eine Antwort mit Text an den Client zu senden, der den Wert des Parameters "id" enthält.

Auf diese Weise können wir durch das Konfigurieren von Routen bestimmen, wie der Server verschiedene Anforderungen vom Client verarbeiten soll. Wir können Routen für verschiedene HTTP-Methoden erstellen und Parameter definieren, um zusätzliche Daten aus der Anforderung abzurufen.