Erste Schritte mit Node.js

Node.js ist eine Alternative, die die Webentwicklung vereinfacht, in der Vergangenheit mussten mehrere Sprachen erlernt werden, um den Teil der Serververarbeitung darzustellen, die Vorderes Ende und dann unzählige Stunden damit verbringen, Server einzurichten.
Mit nur einer Sprache wie sie ist JavaScript und danke an den motor V8 entwickelt von Google, wir haben Zugriff, um dieselbe Sprache anzuwenden Server, Backend Ja Vorderes Ende, das führt dazu, dass wir weniger Zeit damit verbringen, verschiedene Formen der Syntax zu lernen und uns somit auf das konzentrieren, was uns wirklich wichtig ist, nämlich unsere Ideen umzusetzen.
AnforderungenUm die in diesem Tutorial vorgeschlagenen Übungen und Beispiele ausführen zu können, benötigen wir eine Installation mit der neuesten Version von Node.js. Dies ist sehr einfach zu erhalten, in diesem Fall verwenden wir das Installationsprogramm Fenster die wir direkt von der offiziellen Node.js-Website bekommen, läuft es wie jeder Installer und generiert dann einen direkten Zugriff auf die Konsole Node.js wo wir die notwendigen Skripte ausführen können.
Node.js Es ermöglicht uns, hocheffiziente Webserver zu generieren, ohne dass große Konfigurationen erforderlich sind. Darüber hinaus können wir durch die Verwendung derselben Sprache die Trennung des Codes zwischen der Anwendung und dem Dienst vermeiden. Um unseren ersten Server zu erstellen, müssen wir die folgenden Schritte ausführen:
1- Zuerst öffnen wir die Konsole Node.js und wir legen uns in einen Ordner, in dem wir es ausführen können, in diesem Ordner werden wir eine Datei namens . erstellen server.jsDieser Name ist nicht erforderlich, es empfiehlt sich jedoch, die Datei aufzurufen, die der Webserver auf diese Weise erstellt.
2- Sobald wir die Datei haben, installieren wir über npm die Anwendung Supervisor, dies wird jedes Mal überprüft, wenn eine Änderung in der angegebenen Datei auftritt, Sie müssen den Server sofort neu starten, dazu müssen Sie nur den folgenden Befehl in die Konsole eingeben:

 npm install -g Supervisor

Diese Installation sollte so aussehen, wenn wir sie auf unserer Konsole ausführen:

3- Sobald wir bereits installiert haben Supervisor Lassen Sie uns das sozusagen auf Änderungen an unserer Datei hören server.js, dazu müssen wir nach der Installation den folgenden Befehl platzieren:

 Supervisor server.js

Da wir immer noch keinen gültigen Code haben, werden wir keine Ergebnisse in der Konsole haben und wir werden eine Reihe von Meldungen sehen, die dies angeben, wie wir in der folgenden Abbildung sehen können:

4- Nachdem wir nun unsere Grundlagen haben, müssen wir dann den Code für unseren Webserver erstellen, dieser wird in der Bibliothek unterstützt http von Node.js und damit können wir einen funktionsfähigen Server mit der Methode erstellen Server erstellen (), dies muss einfach einen kleinen Inhalt zurückgeben, um die Gewohnheit nicht zu verlieren, die wir machen werden "Hallo Welt!", Sehen wir uns den Code an, den wir in unsere Datei aufnehmen werden server.js:

 var http = erfordern ('http'); http.createServer (function (request, response) {response.writeHead (200, {'Content-Type': 'text / html'}); response.end ('');}). listen (8082);

Wie wir sehen einfach mit a benötigen wir importieren die http-Bibliothek, dann mit der Methode createServer wir generieren einen Webserver und mit dem Objekt Antwort Wir erstellen den Header der Antwort und unserer Nachricht, zum Abschluss geben wir unserem Server an, dass er eingehende Verbindungen über den Port akzeptieren muss 8082, wo beim Ausführen unseres Beispiels in unserem localhost im angegebenen Port sieht das so aus:

5- Wenn wir Änderungen an der Datei server.js vornehmen, danke an Supervisor der Dienst übernimmt sie, ohne dass ein manueller Neustart erforderlich ist Node.js, sodass nur durch eine Aktualisierung des Browsers unsere Änderungen mit geringem Aufwand widergespiegelt werden.
Wie wir eingangs erwähnt haben, Node.js Es ermöglicht uns, statische Inhalte direkt aus unserer Serveranwendung zu bedienen, dies zeigt sich als Vorteil, wenn wir Anwendungen mit einem monolithischen Kern entwickeln wollen, also ohne Fragmentierung oder Risse durch den Einsatz unterschiedlicher Technologien.
Um dieses Tutorial durchzuführen, erstellen wir eine Reihe von Dateien in einem Ordner namens content. Die zu erstellenden Dateien sind die folgenden:
index.htmlEs ist die Anfangsdatei und enthält standardmäßig eine Basisstruktur HTML.
style.cssEs ist unsere Datei mit Stylesheets, wir verwenden diese Datei, um das Erscheinungsbild unserer Anwendung zu ändern.
script.jsHier können wir sehen, wie wir unsere üblichen Skripte in verwenden können JavaScript obwohl wir unsere Anwendung in ausgeführt haben Node.js.
Nachdem wir nun unsere Dateien definiert haben, sehen wir uns den Inhalt jeder Datei für die Datei an index.html wir werden folgendes aufnehmen:

 Unser erster Node.js-Server Hallo Welt 

Wie wir sehen, handelt es sich um eine einfache Seite mit einer Grundstruktur, auf der wir die externen Dateien aufrufen stile.css Ja script.js, und in den Textkörper setzen wir eine einfache Nachricht. Dann in unserer Datei stile.css die uns helfen wird, das Erscheinungsbild unserer Seite zu ändern, müssen wir die folgenden Codezeilen einfügen:

 #hello {Schriftgröße: 5em; Hintergrund: grau; Farbe: grün; Polsterung: 0.5em}

Endlich in der Datei script.js Wir werden einen Code platzieren, der eine Meldung auslöst, wenn die Seite vollständig geladen wurde. Dieser Code lautet wie folgt:

 window.onload = function () {alert ('Eureka Works!'); };

Um alles an einem Ort zu haben und die Ordnung in unserer Entwicklung aufrechtzuerhalten, werden wir diese Dateien in einem Ordner namens . hosten Inhalt.
Was fehlt uns?Sobald dies erledigt ist, müssen wir nur noch den Server erstellen. Als erstes müssen wir die entsprechenden Bibliotheken einbinden. In diesem Fall benötigen wir die, die wir bereits kennen, nämlich http, zusätzlich brauchen wir Weg das heißt, Routen zu bauen und schließlich fs das ist für den Dateidienst.
Wir gehen in unser Archiv server.js die die Wurzel unseres Projekts sein muss und jetzt in unserem Block von Server erstellen () wir werden darauf hinweisen, dass die URL Strom als Basis und mit einem Objekt von fs Wir werden überprüfen, ob die Dateien vorhanden sind, falls nicht, werfen wir eine Fehler 404 Datei nicht gefunden. Sehen wir uns den Code der oben beschriebenen Funktionalität an:

 var http = erfordern ('http'); var-Pfad = erfordern ('Pfad'); var fs = erfordern ('fs'); http.createServer (function (request, response) {var search_file = path.basename (decodeURI (request.url)) || 'index.html'; var f = 'content /' + search_file; fs.exists (f, function (existiert) {console.log (existiert? search_file + "falls vorhanden": search_file + "existiert nicht");});}) listen (8082);

Das Problem, das wir haben, ist, dass dies uns immer noch nicht hilft, die Dateien zu liefern, deshalb müssen wir eine Methode verwenden fs Damit können wir die Dateien lesen und damit an den Browser senden, wie wir im folgenden Code sehen können:

 var http = erfordern ('http'); var-Pfad = erfordern ('Pfad'); var fs = erfordern ('fs'); http.createServer (function (request, response) {var search_file = path.basename (decodeURI (request.url)) || 'index.html'; var f = 'content /' + search_file; var mimeTypes = {'.js ':' text / javascript ',' .html ':' text / html ',' .css': 'text / css'}; fs.exists (f, function (exists) {if (exists) {fs.readFile (f, function (err, data) {if (err) {response.writeHead (500); response.end ('Server error'); return;} var headers = {'Content-type': mimeTypes [path .extname (search_file)]}; response.writeHead (200, headers); response.end (data);}); return;} response.writeHead (404); response.end (;});}). listen (8082 .) );

Wie wir jetzt mit der Methode sehen readFile() Wir können zuerst überprüfen, ob in Ihrem kein Serverfehler vorliegt Ruf zurück und zweitens können wir den Dateityp, den wir bedienen möchten, aus der Liste der Typen abrufen, damit können wir den Header generieren HTTP notwendig, damit der Browser die Daten nicht selbst interpretieren muss.
Wenn keine der Aktionen ein Ergebnis liefert, müssen wir dem Browser eine Antwort senden 404, auf diese Weise unterbrechen wir die Anfrage und weisen den Benutzer darauf hin, dass sich das Gesuchte nicht im angegebenen Pfad befindet. Wie im vorherigen Beispiel werden wir es erzählen Node.js dass der Port, in den die Anfragen aufgenommen werden sollen, der 8082, ein Port, der normalerweise frei ist und daher keine Konflikte mit anderen Diensten hat. Schließlich schreiben wir die Antwort der Datei und führen unsere Supervisor wieder für den Fall, dass wir den Dienst gestoppt haben, wie wir im folgenden Bild sehen können:

Sobald dies erledigt ist, gehen wir zu unserem Browser und führen ihn auf Port 8082 aus und wir können die Ausgabe unseres Programms sehen, die wie das folgende Bild aussehen sollte:

VERGRÖSSERN

Dies zeigt uns die ganze Kraft und Vielseitigkeit von Node.js, mit dem wir überprüfen konnten, dass keine andere Sprache als die von . verwendet werden musste JavaScript zur Entwicklung.
WichtigEs ist wichtig, etwas zu recherchieren npm was ist er Knotenpaketmanager, da wir mit diesem Tool viele Pakete erhalten können, die uns dienen können, darunter einige Rahmen Dadurch können wir den gesamten Code, den wir hier gesehen haben, zusätzlich zu anderen von der Community entwickelten Komponenten vereinfachen, um den Entwicklern von . Arbeit zu ersparen Node.js.
Damit haben wir das Tutorial abgeschlossen, einen Server erstellt und auch gelernt, wie man statische Dateien bereitstellt. Wenn wir eine traditionelle Technologie wie verwendet hätten PHP Um dieses Ergebnis zu erzielen, bräuchten wir zunächst einen traditionellen Server wie Apache oder nginx, wo wir sie auch konfigurieren müssen, hätte das Drucken des Codes eine andere Sprache benötigt, die auf JavaScript nur auf der Seite des Kunden und vergeudet damit seine großen Fähigkeiten.Hat dir dieses Tutorial gefallen und geholfen?Sie können den Autor belohnen, indem Sie diesen Knopf drücken, um ihm einen positiven Punkt zu geben