So erstellen Sie einen einfachen Webserver mit Node.js

Node.js ist eine JavaScript-Laufzeitumgebung für Back-End-Dienste, die es Entwicklern ermöglicht, serverseitige und clientseitige Anwendungen in derselben Sprache zu schreiben. Node.js verfügt im Vergleich zu anderen Backend-Technologien über eine höhere Rechenleistung und eine bessere Skalierbarkeit. In diesem Artikel stellen wir vor, wie man mit Node.js einen einfachen, aber leistungsstarken Webserver erstellt.

Schritt eins – Node.js installieren

Zuerst müssen Sie Node.js auf Ihrem Computer installieren. Sie können das Installationspaket von der offiziellen Website von Node.js herunterladen und installieren. Sobald Node.js erfolgreich installiert wurde, können Sie node -v über die Befehlszeile ausführen, um zu überprüfen, ob es ordnungsgemäß funktioniert.

Schritt 2 – Abhängigkeiten installieren

Bevor wir mit dem Schreiben der Anwendung beginnen, müssen wir einige notwendige Abhängigkeiten installieren. Gehen Sie in der Befehlszeile in Ihren Projektordner und führen Sie den folgenden Befehl aus:

npm init -y

Dadurch wird eine package.json-Datei erstellt, die Informationen über unsere Anwendung und alle ihre Abhängigkeiten speichert.

Als nächstes müssen wir Express und Nodemon installieren. Express ist ein beliebtes Web-Framework, mit dem wir schnell Routing und Middleware erstellen können. nodemon ist ein Entwicklungstool, das den Server automatisch neu startet, wenn wir Code speichern.

Installieren Sie diese Abhängigkeiten, indem Sie den folgenden Befehl in der Befehlszeile eingeben:

npm install express nodemon --save

Die Option --save fügt die Abhängigkeiten zu unserer package.json-Datei hinzu, damit wir das App-Programm später problemlos neu erstellen können .

Schritt 3 – Server erstellen

Jetzt schreiben wir unseren ersten Server. Bitte erstellen Sie eine Datei mit dem Namen index.js im Projektordner und geben Sie den folgenden Code ein:

const express = require('express');

app.get('/' , (req , res) => {

res.send('Hello World!');
});

app.listen(3000, () => {

console.log('Server lauscht auf Port 3000') ;
});

Hier haben wir die Express-Bibliothek vorgestellt und eine Instanz namens App erstellt. Wir fügen hier eine GET-Route hinzu, die auf die Root-URL antwortet und Hello World! An den Kunden zurückgeschickt.

Abschließend verwenden wir app.listen(), um den Server an einen bestimmten Port zu binden. In diesem Beispiel haben wir unseren Server an Port 3000 gebunden.

Schritt 4 – Starten Sie den Server

Da wir nun unseren ersten Server geschrieben haben, können wir ihn mit nodemon starten. Geben Sie den folgenden Befehl in die Befehlszeile ein:

nodemon index.js

Dadurch wird unsere Anwendung gestartet und der Server automatisch neu gestartet, wenn sich der Code ändert. Gehen Sie nun in Ihrem Browser zu http://localhost:3000 und Sie sollten „Hello World!“ sehen können. Information.

Schritt fünf – Weitere Routen hinzufügen

Da wir nun unseren ersten Server erstellt haben, fügen wir weitere Routen hinzu und senden mehr Daten an den Client. Fügen Sie den folgenden Code zur Datei index.js hinzu:

app.get('/users', (req, res) => {

const users = [

{ id: 1, name: 'John' },
{ id: 2, name: 'Jane' },

];

res.json(users);

});

In diesem Beispiel erstellen wir eine neue Route, die auf die URL /users reagiert und ein JSON-Objekt mit zwei Benutzern zurück an den Client sendet.

Besuchen Sie nun http://localhost:3000/users. Sie sehen die folgende JSON-Antwort:

[

{

"id": 1,
"name": "John"

},

{

"id": 2,
"name": "Jane"

}

]

Wir können die Route auch in a kapseln separate Datei, um den Code besser zu organisieren.

Schritt 6 – Statische Dateien verwenden

Wenn wir möchten, dass der Server statische Dateien wie Bilder, Stylesheets und JavaScript-Dateien bereitstellt, können wir die integrierte Middleware-Funktion von Express verwenden. Fügen Sie den folgenden Code zur Datei index.js hinzu:

app.use(express.static('public'));

Hier weisen wir Express an, den öffentlichen Ordner für die Bereitstellung statischer Dateien zu verwenden. Wir können eine Datei namens style.css im öffentlichen Ordner erstellen und in der HTML-Datei darauf verlinken.

Durch die oben genannten Schritte haben wir gelernt, mit Node.js und Express einen einfachen, aber leistungsstarken Webserver zu erstellen. Hoffentlich hilft Ihnen dieser Artikel dabei, schnell loszulegen und mit der Erstellung Ihrer eigenen Webanwendungen zu beginnen.

Das obige ist der detaillierte Inhalt vonSo erstellen Sie einen einfachen Webserver mit Node.js. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!