Node.js ist seit seiner ersten Veröffentlichung vor über einem Jahrzehnt zu einer der beliebtesten Optionen für die serverseitige Entwicklung geworden. Obwohl es im Vergleich zu PHP und anderen Backend-Technologien noch relativ neu ist, wurde es von Technologiegiganten wie LinkedIn, PayPal, Netflix und anderen weit verbreitet.

In diesem Artikel erfahren Sie, wie Sie mit Node.js und dem Express.js-Webframework Ihren eigenen Webserver erstellen und ausführen können.

Beteiligte Technologien und Pakete

Node.js ist eine JavaScript-Laufzeit, die auf der V8-Engine von Chrome basiert und es Ihnen ermöglicht, JavaScript-Code außerhalb des Browsers auszuführen. Traditionell wird die JavaScript-Programmiersprache zum Bearbeiten der verwendet Dokumentobjektmodell (DOM)Hinzufügen von Interaktivität zu Websites.

Aus diesem Grund konnte JavaScript-Code nur im Browser ausgeführt werden, da das DOM nur auf Webseiten vorhanden ist. Mit Node.js können Sie JavaScript in der Befehlszeile und auf Servern ausführen. Daher ist es wichtig zu

Installieren Sie Node.js und npm auf Ihrem Computer, bevor Sie beginnen.

Andererseits ist Express.js ein minimalistisches Webframework, das zum De-facto-Backend-Framework für Node.js geworden ist. Express.js ist jedoch keine Notwendigkeit. Sie können das eingebaute weiterhin verwenden http Modul von Node.js zum Erstellen Ihres Servers. Express.js basiert auf dem http Modul und bietet eine einfachere API mit allen erforderlichen Konfigurationen.

Erstellen eines Webservers

Um Ihren Code besser zu organisieren, können Sie zunächst einen Ordner erstellen, in dem sich alle Dateien und Abhängigkeiten befinden. Da Express.js kein integriertes Node.js-Modul ist, müssen Sie es mit npm installieren.

Weiterlesen: Was ist npm?

Führen Sie den Befehl aus, um das Express.js-Paket zu installieren npm install express an Ihrem Terminal oder an der Eingabeaufforderung. Stellen Sie vor der Installation sicher, dass Sie sich im Projektverzeichnis befinden.

Nach Abschluss können Sie den Ordner mit einem Texteditor oder einer IDE Ihrer Wahl öffnen und eine neue Datei mit dem Namen erstellen server.js. Um das Express.js-Paket verwenden zu können, müssen Sie zunächst eine Instanz davon in das Paket importieren und erstellen server.js Datei wie folgt:

const express = require ('express');
const app = express ();

Das Hauptziel eines Webservers besteht darin, auf Anfragen von verschiedenen Routen mit der entsprechenden Handlerfunktion zu antworten. Dieser Code verarbeitet alle GET-Anforderungen, die an das Stammverzeichnis gesendet werden ("/") Pfad und antwortet mit "Hallo Welt!"

app.get ('/', (req, res) => {
res.send ('
Hallo Welt
');
});

Ebenso können Sie dynamischen Inhalt anzeigen und andere Vorgänge ausführen, abhängig vom Pfad und der Art der Anforderung, die Sie stellen. Dies kann mithilfe von Routenparametern erfolgen, die durch das Semikolon gekennzeichnet sind : vor dem Parameter.

app.get ('/: name', (req, res) => {
res.send (`
Willkommen bei $ {req.params.name}!
`);
};

In beiden obigen Beispielen repräsentiert die erste Zeile die Verwendung von .erhalten() Methode von Express.js, die zwei Parameter akzeptiert: den Endpunkt oder die Route und eine Callback-Handler-Funktion, die Anforderungen und Antwortobjekte als Parameter verwendet. Diese beiden Parameter werden automatisch gesendet, wenn Sie eine Anfrage stellen.

In der zweiten Zeile erfolgt die Antwort über die .senden() Methode für das Antwortobjekt. In der Klammer können Sie beliebigen Text oder HTML eingeben. Bei dynamischen Routen Zugriff req.params.name (seit du benutzt hast /:name) des Anforderungsobjekts gibt den Wert des dynamischen Routenparameters zurück (Name in diesem Fall.)

Um eingehende Anforderungen an einem Port abzuhören, können Sie die Option verwenden .Hör mal zu() Methode, die die Portnummer und eine optionale Rückruffunktion verwendet, um bei erfolgreicher Ausführung ausgeführt zu werden.

app.listen (5000, console.log ('Server läuft auf Port 5000'));

Ich habe im Beispiel Port 5000 verwendet, aber Sie können ihn in einen beliebigen gültigen Port ändern. Das ist der gesamte Code, den Sie zum Erstellen eines einfachen Webservers mit Node.js und Express.js benötigen. Das gleiche Konzept kann weiter erweitert werden, um andere Anfragen zu stellen, wie z POST, STELLEN, oder LÖSCHEN zu anderen Routen. Hier ist, wie die server.js Die Datei sieht folgendermaßen aus:

Testen des Servers

Führen Sie die aus, um den Code auszuführen und den Server zu starten Knotenserver Befehl auf Ihrem Terminal oder Eingabeaufforderung im Projektverzeichnis. Dadurch wird die Rückruffunktion ausgeführt, die Sie auf der Website bereitgestellt haben .Hör mal zu() Methode.

Öffnen Sie einen Webbrowser und besuchen Sie, um zu bestätigen, dass der Server funktioniert http://localhost: 5000

Ebenso, wenn Sie eine dynamische Route wie z http://localhost: 5000 / muowird die zweite Handlerfunktion ausgeführt und angezeigt:

Drücken Sie, um den Server zu stoppen Strg + C. unter Windows oder Cmd + C. unter macOS.

Node.js kann mehr

Die Popularität von JavaScript steigt stark an, da Entwickler es sowohl im Frontend als auch im Backend verwenden. Dadurch müssen Sie nicht mehr mehrere Programmiersprachen lernen und können Ihre Reise als Full-Stack-Webentwickler nur mit JavaScript beginnen.

Wenn Sie der Programmiersprache von Google lieber eine Chance geben möchten, ist der Aufbau eines einfachen Webservers ein großartiges Startprojekt.

So erstellen Sie einen einfachen Webserver in Go

Fertig, fertig, Golang: Beginnen Sie mit dem Aufbau von Webservern mit Go.

Weiter lesen

Über den Autor