Anfängerleitfaden für den Einstieg in Node.js

Anfangerleitfaden Fur Den Einstieg In Node Js



Node.js hat sich als leistungsstarkes Tool in der Webentwicklung erwiesen und erfreut sich aufgrund seiner Effizienz, Zuverlässigkeit und Skalierbarkeit bei Entwicklern zunehmender Beliebtheit. Ein grundlegendes Verständnis zu erlangen, bevor man sich auf etwas einlässt, und alles an einem einzigen Ort zu wissen, ist ein ziemliches Gefühl. Wenn Sie ein tiefgreifendes Verständnis von Node.js entwickeln möchten, sind Sie hier genau richtig. Nach der Lektüre dieses Artikels können Benutzer mit dem Schreiben von Codeskripten in Node.js beginnen.

In diesem Beitrag wird Folgendes behandelt:

Was ist Node.js?

Die am häufigsten gesuchte Suchanfrage in der Suchmaschine von Google lautet „Was ist Node.js?“ Die beliebtesten Fragen sind: Ist Node.js eine Programmiersprache? Handelt es sich um einen Rahmen? Ist es eine Bibliothek? Zur Vereinfachung kann Node.js als Laufzeitumgebung definiert werden, die von einer JS-Bibliothek unterstützt wird.







Eine bekannte, plattformübergreifende Open-Source-Javascript-Laufzeitumgebung ist Node.js. Aufgrund seiner Anpassungsfähigkeit kann es in jedem Projekt und jeder Anwendung eingesetzt werden. Das Besondere daran ist die Verwendung des V8-Motors, des gleichen Motors, der auch Google Chrome antreibt. Dies macht Node.js zu einer optimalen Wahl für die Skripterstellung auf der Serverseite und die Ausführung von Codeskripten außerhalb der Entwicklungsumgebung.



Node.js unterscheidet sich deutlich von anderen serverseitigen Programmiersprachen. Es ist zu beachten, dass es sich nicht um einen Backend-Server oder einen Webserver handelt. Solo kann es nichts tun, aber eine Sammlung von Modulen hilft bei der Erstellung eines skalierbaren Projekts. Es läuft auf einem einzelnen Server und generiert nicht für jede einzelne Anfrage zusätzliche Threads. Darüber hinaus werden beim Schreiben der meisten NodeJS-Bibliotheken nicht blockierende Paradigmen verwendet, sodass blockierendes Verhalten eher die Ausnahme als die Regel ist. Asynchrone I/O-Primitive sind eine Funktion der Standardbibliothek von Node.js, die verhindern, dass JavaScript-Code blockiert.



Wenn Node.js einen E/A-Vorgang ausführt, etwa grobe Vorgänge über das Netzwerk, blockiert es den Thread nicht und verschwendet keine CPU-Zyklen, die auf eine Antwort warten. Stattdessen werden die Vorgänge nach Erhalt der Antwort wieder aufgenommen.





Node.js einfaches Beispiel

Ein einfaches Beispiel, um das Konzept von Node.js zu verstehen, besteht darin, einen Webserver zu erstellen und Text zu schreiben. Da es sich um eine Einführung in Node.js handelt, fügen wir die Intro-Zeile zu einem Web-Port hinzu:

const http = erfordern ( 'http' ) ;

const Server Port = 3000 ;

const Server = http. createServer ( ( req, res ) => {

res. Statuscode = 200 ;

res. setHeader ( 'Inhaltstyp' , 'Text/einfach' ) ;

res. Ende ( „Leitfaden für Anfänger zum Einstieg in Node.js!“ \N ' ) ;

} ) ;

Server. Hören ( Server Port, ( ) => {

Konsole. Protokoll ( `Server läuft unter http : //localhost:${serverPort}/`);

} ) ;

In diesem Code:



  • „const http = require(‚http‘)“ importiert das http-Modul, das dabei hilft, HTTP-Server zu erstellen und die damit verbundenen Funktionen zu verwalten.
  • „const serverPort = 3000“ definiert den Port, auf dem der Server betrieben wird.
  • „const server = http.createServer((req, res) => {})“ verwendet die Methode „create server“ des http-Moduls, um einen Server mit einer Rückruffunktion zu erstellen, die zwei Argumente verwendet, eines ist die Anfrage und das andere ist die Antwort wird für die Anfrage generiert.
  • Innerhalb der Rückruffunktion ist der HTTPS-Statuscode auf 200 und der Antwortinhaltstyp auf Nur-Text festgelegt. Darüber hinaus zeigt der Webserver eine Meldung mit dem Titel „Beginners Guide to Getting Started with Node.js“ an.
  • „server.listen(serverPort, () =>{})“ wird aufgerufen, um den Server zu starten und alle eingehenden Anfragen auf dem Server abzuhören. Die Callback-Funktion wird nach dem Start des Servers aufgerufen und zeigt im Terminal eine Meldung an, auf welchem ​​Port der Server gestartet ist.

Ausgabe

Verwenden Sie für die Ausführung die folgende Zeile:

Knoten-App. js

Wo App.js ist der Anwendungsname.

Die Ausgabe im Terminal ist:

Dies zeigt an, dass der Server gestartet ist und auf die eingehenden Anfragen lauscht. Um die Antwort auf dem Server zu überprüfen, verwenden Sie den folgenden Link „ http://localhost:3000/ “.

Die Ausgabe auf der Serverseite würde wie folgt aussehen:

Wie funktioniert Node.js?

Node.js ist eine Plattform, die Server dabei unterstützt, viele Anfragen gleichzeitig zu bearbeiten. Obwohl es nur einen Thread zur Bearbeitung von Anforderungen verwendet, verwaltet es Ein- und Ausgabevorgänge mithilfe von Threads effektiv. Threads sind eine Gruppe von Anweisungen, die gleichzeitig Aufgaben ausführen. Node.js arbeitet mit einer Ereignisschleife, die Aufgaben steuert, ohne anzuhalten, bis eine erledigt ist, bevor die nächste gestartet wird.

Die Ereignisschleife von Node.j ist eine kontinuierliche und halbendliche Schleife. Diese Schleife verwaltet die synchronen und nicht synchronen Ereignisse in Node.js. Sobald das Node.js-Projekt gestartet wird, wird die Ausführung ausgelöst, wodurch die schwierigen Aufgaben nahtlos an das System übertragen werden. Dadurch können andere Aufgaben im Hauptthread reibungslos ausgeführt werden.

Um das detaillierte Konzept von Ereignisschleifen in Node.js zu verstehen und zu verstehen, haben wir eine geschrieben gewidmeter Artikel Zu diesem Thema.

Node.js Vorzüge

Einige Hauptvorteile von Node.js sind:

  • Skalierbarkeit : Vereinfacht das bidirektionale Wachstum von Apps: horizontal und vertikal.
  • Echtzeit-Web-Apps : Am besten für Aufgaben geeignet, die eine schnelle Synchronisierung erfordern und eine zu hohe Belastung von HTTP verhindern.
  • Geschwindigkeit : Führen Sie Aufgaben schnell aus, z. B. Daten in Datenbanken einfügen oder daraus entfernen, Verbindungen zu Netzwerken herstellen oder Dateien verwalten.
  • Einfaches Lernen : Node.js ist für Anfänger leicht zu erlernen, da es Javascript verwendet.
  • Caching-Vorteil : Speichert nur einen Teil, sodass der Code bei Aufforderung nicht erneut ausgeführt werden muss. Der Cache ist ein schneller Speicher und spart zusätzliche Ladezeit.
  • Daten-Streaming : Behandelt HTTP-Anfragen und -Antworten als unterschiedliche Ereignisse und verbessert so die Leistung.
  • Hosting : Einfache Integration auf Websites wie PaaS und Heroku.
  • Unternehmensunterstützung : Wird von großen Unternehmen wie Netflix, SpaceX, Walmart usw. verwendet.

Wie installiere ich Node.js unter Windows?

Da wir mit der Entwicklung von Node.js-Anwendungen beginnen, muss die Node.js-Umgebung eingerichtet werden, wenn wir über eine Windows-Umgebung verfügen. Befolgen Sie die nachstehende schrittweise Anleitung, um die Node.js-Umgebung in einem Windows-Betriebssystem einzurichten.

Schritt 1: Laden Sie das Node.js-Installationspaket herunter

Gehen Sie zur offiziellen Website von Node.js Offizielle Website von Node.js und stellen Sie sicher, dass Sie die neueste Version von Node.js herunterladen. Überprüfen Sie außerdem, ob der npm-Paketmanager damit installiert ist, da er eine entscheidende Rolle bei der Skalierung von Node.js-Anwendungen spielt.

Klicken Sie einfach auf Windows Installer und der Download beginnt. Die heruntergeladene Version ist 64-Bit und die LTS-Version (Long Term Support) wird empfohlen. Führen Sie den Installer-Packager aus, um Node.js zu installieren.

Schritt 2: Installieren Sie das Node.js- und NPM-Modul auf Ihrem Computer

Der folgende Bildschirm wird angezeigt. Klicken Sie auf die Schaltfläche „Weiter“:

Nachdem Sie auf Weiter geklickt haben, erscheint ein neues Fenster, in dem der Benutzer aufgefordert wird, den Pfad einzugeben, in den die Node.js-MSI-Bibliotheken heruntergeladen werden sollen.

Wählen Sie nun im Fenster unten den gewünschten Pfad aus und klicken Sie auf die Schaltfläche Weiter:

Nachdem Sie auf die nächste Schaltfläche geklickt haben, wird ein Fenster mit benutzerdefinierten Einstellungen angezeigt, in dem Sie aufgefordert werden, das Paket auszuwählen, das Sie installieren möchten. Wählen Sie in diesem Fenster den npm-Paketmanager aus. Standardmäßig ist die Node.js-Laufzeit ausgewählt. Im npm-Paketmanager werden sowohl Node.js als auch das npm-Paket installiert.

Klicken Sie abschließend auf die Schaltfläche „Installieren“, um mit der Reise zu beginnen.

Schritt 3: Überprüfen Sie die installierten Versionen

Es ist wichtig herauszufinden, welche Version installiert ist. Um dies zu überprüfen, gehen Sie zur Suchleiste von Windows und geben Sie die Eingabeaufforderung ein:

Geben Sie nach dem Öffnen des Eingabeaufforderungsfensters zwei Befehle zur Überprüfung ein.

Version von Node.js

Die Node.js-Version kann mit dem folgenden Befehl in der Eingabeaufforderung überprüft werden:

Knoten - In

Die installierte Version wird angezeigt

NPM-Version

Verwenden Sie für die npm-Versionsprüfung den folgenden Befehl:

npm - In

Die Version für npm würde im Terminal erscheinen.

Jetzt können Sie mit der Einrichtung der Node.js-Umgebung mit der Entwicklung von Anwendungen beginnen.

Da nicht alle Benutzer Windows verwenden, ist es wünschenswert, die Bedürfnisse aller zu erfüllen. Nachfolgend finden Sie den Vorgang zur Installation von Node.js auf einem Mac.

Wie installiere ich Node.js auf einem Mac?

Für Benutzer, die einen Mac verwenden, ist die Installation für Windows weitgehend identisch. Gehe zum offizielle Seite von Node.js und laden Sie das Paket für Mac herunter.

Schritt 1: Laden Sie den Paketmanager für Mac herunter

Besuchen Sie die offizielle Website von Node und laden Sie den MacOSInstaller von NodeJS herunter:

https://nodejs.org/en/download/current

Klicken Sie im obigen Bildschirm auf die angegebene Schaltfläche, um den Download zu starten.

Benutzer können den Ort angeben, an dem es installiert werden soll.

Schritt 2: Installieren Sie die Node.js.pkg-Datei

Führen Sie die Installationsdatei aus und folgen Sie der Installationsanleitung:

Klicken Sie auf die Schaltfläche „Installieren“ und die Installation von Node.js beginnt.

Nach Abschluss der NodeJS-Installation wird die Zusammenfassung angezeigt:

Klicken Sie auf die Schaltfläche „Schließen“, um die Installation abzuschließen.

Schritt 3: Überprüfen Sie die Installation und Versionen von Node.js

Um zu überprüfen, ob Node.js installiert wurde, und um seine Version zu überprüfen, verwenden Sie den folgenden Befehl:

Knoten -- Ausführung

Schritt 4: NPM global aktualisieren

Führen Sie den unten eingegebenen Befehl aus, um NPM für alle Systembenutzer mit dem Flag „–global“ zu aktualisieren:

Sudo apt install npm -- global

Schritt 5: Legen Sie den Knotenpfad auf die Variable $PATH fest

Führen Sie den folgenden Befehl aus, um die PATH-Variable für NodeJS festzulegen:

PFAD exportieren =/ usr / lokal / Idiot / Behälter :/ usr / lokal / Behälter : $PATH

Notiz: Im obigen Befehl ist „/usr/local/bin“ der Speicherort, an dem NodeJS standardmäßig installiert ist.

Schritt 6: PATH-Details im „.bash\_profile“ aktualisieren

Fügen Sie die Pfaddetails zu „~/.bash\_profile“ hinzu, indem Sie den folgenden Befehl verwenden:

Echo 'export PATH=/usr/local/bin:$PATH' >> ~ / . bash \_Profil

Schritt 7: Aktualisieren Sie ~/.bashrc

Um es allen Benutzern zur Verfügung zu stellen, führen Sie den folgenden Befehl aus:

Quelle ~ / . bashrc

Das ist alles über die Installation von NodeJS und das Einrichten der PATH-Variablen in MacOS für NodeJS.

Wie installiere ich Node.js unter Linux?

Um Node.js auf einem beliebigen Debian-basierten Linux-Betriebssystem zu installieren, befolgen Sie die unten aufgeführte Schritt-für-Schritt-Anleitung:

Schritt 1: Öffnen Sie das Terminal

Starten Sie zunächst das Terminal mit der Tastenkombination „STRG+ALT+T“:

Schritt 2: Aktualisieren und aktualisieren Sie das System

Führen Sie den unten eingegebenen Befehl aus, um das Repository des Systems zu aktualisieren und zu aktualisieren:

Sudo apt-Update && Sudo apt-Upgrade - Und

Schritt 3: Installieren Sie Node mit dem apt-Paketmanager

Nachdem Sie das Repository des Systems aktualisiert haben, installieren Sie Node.js vom offiziellen APT-Paketmanager mit dem folgenden Befehl:

sudo apt install nodejs

Schritt 4: Überprüfen Sie die Knoteninstallation

Überprüfen Sie nach der Installation die Installation, indem Sie die Version von Node.js mit dem folgenden Befehl überprüfen:

Knoten - In

Schritt 5: NPM installieren

Es empfiehlt sich, NPM zusammen mit NodeJS zu installieren, da dies die meiste Zeit erforderlich ist. NPM ist auch im offiziellen APT-Repository verfügbar und kann mit dem folgenden Befehl installiert werden:

Sudo apt install npm

Schritt 6: Überprüfen Sie die NPM-Installation

Überprüfen Sie auch die NPM-Version, um die Installation von NPM mit dem folgenden Befehl zu überprüfen:

npm - In

So können Sie Node und NPM auf Debian-basierten Linux-Betriebssystemen installieren.

Wie schreibe ich das erste Node.js-Programm? (Hallo Welt)

Alles ist bereit, um Anwendungen in Node.js zu entwickeln. Lassen Sie uns unser erstes Programm erstellen, das recht häufig vorkommt. Wenn jemand anfängt, eine neue Sprache oder ein neues Framework zu lernen, besteht das erste Programm normalerweise darin, „Hello World“ zu drucken. Jedem auf eine andere Art „Hallo“ zu sagen ist ein ganz besonderes Gefühl und ihm vom Beginn unserer neuen Reise zu erzählen. Nachfolgend finden Sie den Code für den Einstieg:

// App.js

Konsole. Protokoll ( 'Hallo Welt!' ) ;

Um dieses Codeskript auszuführen, verwenden Sie den folgenden Befehl:

Knoten-App. js

Ausgabe

Die Anweisung „Hello World“ wird im Terminal protokolliert:

Wie importiere ich Knotenkernmodule?

Benutzer müssen die Funktion „require()“ verwenden, um das gewünschte Modul zur Bearbeitung in ihrem Codeskript zu verwenden. Wenn beispielsweise das Modul „fs“ (Dateisystem) verwendet werden soll, lautet die Importcodezeile:

const fs = erfordern ( 'fs' )

Dadurch würden alle Funktionen dieses Moduls importiert und in der Variablen „fs“ gespeichert, die eine konstante Variable ist, was bedeutet, dass ihr Inhalt zur Laufzeit nicht geändert werden kann. Mithilfe der Variablen „fs“ kann der Benutzer dann die gewünschten Funktionalitäten implementieren.

Lassen Sie uns nun ein einfaches Codebeispiel erstellen, in dem ein Modul importiert und seine Funktionalität im Codeskript verwendet wird.

Beispiel: Verwendung des HTTP-Moduls

const http = erfordern ( 'http' ) ;

// Einfacher HTTP-Server

const httpServer = http. createServer ( ( req, res ) => {

res. writeHead ( 200 , { 'Inhaltstyp' : 'text/html' } ) ;

res. schreiben ( '' ) ;

res. schreiben ( '' ) ;

res. schreiben ( '' ) ;

res. schreiben ( '' ) ;

res. schreiben ( '' ) ;

res. schreiben ( 'Hallo Welt!' ) ;

res. schreiben ( '' ) ;

res. schreiben ( '' ) ;

res. schreiben ( '

Hallo Welt!

'
) ;

res. schreiben ( '' ) ;

res. schreiben ( '' ) ;

res. Ende ( ) ;

} ) ;

// Lauschen auf Port 3000

httpServer. Hören ( 3000 , ( ) => {

Konsole. Protokoll ( „Server lauscht auf Port 3000“ ) ;

} ) ;

In diesem Code:



  • „const http = require(‘http’)“ importiert den Inhalt des http-Moduls und speichert ihn in einer konstanten Variablen „http“.
  • „const httpServer = http.createServer((req, res) =>“ erstellt einen einfachen HTTP-Server und fügt den Text „Hello World“ zusammen mit etwas grundlegendem HTML hinzu. Die Methode „createServer“ erstellt einen Server mit zwei Argumenten, eines ist die Anfrage auf dem Server und Die zweite ist die Antwort, die für diese Anfrage generiert wird.
  • „httpServer.listen(3000, () =>“ gibt den Port 3000 auf dem lokalen Host an und protokolliert eine Meldung an das Terminal, dass der Server aktiv ist und Port 3000 überwacht.

Um die Node-App auszuführen, führen Sie die JS-Datei mit dem Knotenbefehl wie unten gezeigt aus:

Knoten-App. js

Wobei App.js der Dateiname ist.







Ausgabe



Die Meldung im Terminal beim Ausführen dieses Codes wäre:







Jetzt müssen wir die Ausgabe auf der Serverseite überprüfen und prüfen, ob dort die Nachricht „Hello World“ gedruckt wird oder nicht:



Die Nachricht wurde erfolgreich auf dem Server gedruckt und die Schriftart wurde mithilfe von einfachem HTML angepasst.

Node.js: Kernmodule

Einige Module von Node.js sind:

  • http: Es ermöglicht die Erstellung eines HTTP-Servers in Node.js
  • behaupten: Eine Sammlung von Assert-Funktionen hilft vor allem beim Testen
  • fs: Es ermöglicht die Handhabung von Dateioperationen
  • Weg: eine Reihe von Methoden, die sich mit Dateipfaden befassen
  • Verfahren: Es bietet Informationen und Kontrollen über den aktuellen Node.js-Prozess
  • Du: Es enthält Informationen zum Betriebssystem
  • Abfragezeichenfolge: ein Tool zum Parsen und Formatieren von URL-Abfragezeichenfolgen
  • URL: Dieses Modul stellt Tools zur URL-Auflösung und -Analyse bereit

Wie installiere ich NPM-Pakete?

NPM (Node Package Manager) hilft bei der Verwaltung und Verwendung von Bibliotheken oder Tools von Drittanbietern im Node.js-Projekt. Führen Sie die folgenden Schritte aus, um NPM-Pakete zu installieren.

Schritt 1: Installieren Sie das gewünschte Paket

Installieren wir das Express-Modul, das für die Entwicklung von Webanwendungen in Node.js üblich ist. Um Express zu installieren, verwenden Sie den folgenden Befehl:

npm install express

Diese Befehlszeile installiert das Express-Modul in Ihrem Projektordner.

Schritt 2: Speichern Sie das Modul in Package.json

NPM aktualisiert die Datei package.json automatisch mit der neuen Abhängigkeit. Wenn Sie es explizit als Entwicklung einer Projektabhängigkeit speichern möchten, verwenden Sie die Flags –save-dev oder –save.

npm install express -- speichern - dev # Als Entwicklungsabhängigkeit speichern

npm install express -- save # Als Produktionsabhängigkeit speichern

Warum sind NPM-Pakete wichtig?

Die NPM-Pakete sind in der Node.js-Entwicklungsumgebung sehr wichtig. Nachfolgend sind die möglichen Gründe aufgeführt:

  • Wiederverwendbarkeit des Codes: NPM-Pakete speichern den Code, der wiederverwendet werden kann. Sie sparen den Entwicklern Zeit, indem sie optimierte vorgefertigte Methoden anbieten.
  • Abhängigkeitsmanagement: NPM erleichtert die Handhabung der Projektanforderungen. Die Liste der Projektanforderungen befindet sich in der Datei package.json, was die Verwendung und Weitergabe der Projektanforderungen erleichtert.
  • Community-Beitrag: NPM hilft dabei, eine große Gruppe von Entwicklern aufzubauen, die ihre Arbeit anderen zur Nutzung in vielen kostenlosen Softwarepaketen zur Verfügung stellen. Dieser kollektive Beitrag beschleunigt die Anwendungsentwicklungszeit.
  • Versionskontrolle: Mit NPM können Sie die Paketversion für Ihr Projekt notieren. Dies gewährleistet ein reibungsloses Arbeiten und die Abwicklung erforderlicher Änderungen.
  • Effizienz und Konsistenz: Die Verwendung effizienter Pakete erhöht die Projekteffizienz und ermöglicht die Aufrechterhaltung der Codekonsistenz im gesamten Entwicklungsteam.

Das ist es. Sie haben nicht nur gelernt, wie Sie die gewünschten Pakete installieren, sondern wissen auch, warum diese Pakete in Ihrer Node.js-Entwicklungsumgebung erforderlich sind.

Wie fange ich mit Express JS an?

Um effiziente Webanwendungen zu erstellen, wird das Express.js-Framework verwendet. Das „Express“-Modul eignet sich hervorragend zum Erstellen von Webanwendungen in Node.js. Nachfolgend finden Sie die Vorgehensweise für die ersten Schritte mit diesem Paket.

Schritt 1: Express installieren

Um Express zu installieren, verwenden Sie den folgenden Befehl im Terminal:

npm install express

Das Express-Modul wird installiert, wenn es bereits installiert ist. Mit diesem Befehl wird das Modul aktualisiert

Schritt 2: Testen des Express-Moduls in einer Anwendung

Mit dem obigen Schritt wird Express im Paketordner installiert und der Benutzer kann das Modul verwenden, indem er es in das Codeskript importiert, indem er das Modul „require“ als verwendet

const äußern = erfordern ( 'äußern' )

Testen wir ein einfaches Codeskript, das die Funktionalität des Express-Moduls nutzt:

const äußern = erfordern ( 'äußern' ) ;

const App = äußern ( ) ;

App. erhalten ( '/' , ( req, res ) => {

res. schicken ( „Hallo Express!“ ) ;

} ) ;

const Hafen = 3000 ;

App. Hören ( Hafen, ( ) => {

Konsole. Protokoll ( `Server lauscht auf Port $ { Hafen } ` ) ;

} ) ;

Im obigen Code:

  • const express = require('express') „Importiert das Express-Modul und speichert es in einer konstanten Variablen „express“, mit der wir die mit dieser Bibliothek verbundenen Funktionen verwenden können.
  • const app = express() ” wird verwendet, um eine Expressanwendung zu definieren.
  • „app.get(‘/‘, (req, res) =>“ Definiert die Route, über die die Express-Anwendung eine Antwort senden soll „Hallo Express“ zur Eilbewerbung.
  • Der Hafen 3000 wird in der Konstantenvariablen „port“ auf dem lokalen Host angegeben.
  • „app.listen(port, () =>“ erstellt einen Listener auf Port 3000 und protokolliert eine Meldung auf dem Terminal, dass der Server auf dem angegebenen Port lauscht.

Ausgabe

Um diese Anwendung auszuführen, verwenden Sie den folgenden Befehl:

Knoten-App. js

Die Ausgabe im Terminal würde wie folgt aussehen:

Der Server ist also aktiv und überwacht Port 3000 des lokalen Hosts. Wenn Sie im Browser auf diesen Link zugreifen, wird die Ausgabe als angezeigt

Hier dreht sich alles um das Express-Modul, wie wir es installieren, eine Anwendung erstellen und einen Server-Port starten können.

Wie rendere ich statische Dateien in Express?

In Express wird die Funktion express.static() zum Rendern statischer Dateien wie HTML, CSS, Bilder usw. verwendet. Nachfolgend wird der Prozess zum Rendern statischer Dateien in Express beschrieben.

Schritt 1: Erstellen Sie ein Projekt

Stellen Sie vor dem Start sicher, dass Express installiert ist. Andernfalls können Sie den folgenden Befehl ausführen:

npm install express -- speichern

Dieser Befehl installiert das Express-Modul lokal im Ordner node_modules und aktualisiert es in der Datei package.json.

Schritt 2: Erstellen Sie eine Datei für statische Dateien

Zweitens erstellen Sie einen Ordner im Arbeitsverzeichnis. Erstellen Sie einen Ordner mit dem Namen public, um die statischen Dateien zu speichern, die gerendert werden sollen. Platzieren Sie alle statischen HTML- und CSS-Dateien in diesem Verzeichnis, um sie zu rendern.

Schritt 3: Einrichten von Express zum Rendern der statischen Dateien

Verwenden Sie die Methode express.static(), um das Verzeichnis für die statischen Dateien anzugeben, die der Benutzer rendern möchte.

Für die Dateiwiedergabe werden zwei Codeskripte verwendet, eines für das Back-End, das den im öffentlichen Ordner abgelegten HTML-Code übernimmt. Der HTML-Code ist einfach gehalten, da unser Hauptaugenmerk auf dem Backend liegt.

Node.js-Skript

const äußern = erfordern ( 'äußern' ) ;

const App = äußern ( ) ;

App. verwenden ( äußern. statisch ( 'öffentlich' ) ) ;

const Hafen = 3000 ;

App. Hören ( Hafen, ( ) => {

Konsole. Protokoll ( `Server lauscht auf Port $ { Hafen } ` ) ;

} ) ;

In diesem Code:

  • „const express = require(‚express‘)“ importiert das Express-Modul in das Skript, um dessen Funktionalität zu nutzen.
  • „const app = express()“ startet die Anwendung
  • „app.use(express.static(‚public‘))“ Gibt das Verzeichnis zum Abrufen der Dateien an und stellt ihnen die Expressanwendung zur Verfügung, um sie zu verwenden und zu rendern.
  • Der Hafen 3000 für den Expressantrag angegeben ist.
  • „:app.listen(port, () =>“ zeigt an, dass der Server aktiv ist und den angegebenen Port überwacht, indem er die Nachricht protokolliert.

HTML-Skript

DOCTYPE html >

< Nur HTML = 'In' >

< Kopf >

< Meta-Zeichensatz = „UTF-8“ >

< Meta name = „Ansichtsfenster“ Inhalt = „width=device-width, initial-scale=1.0“ >

< Titel > Statisch Rendering-Beispiel Titel >

Kopf >

< Körper >

< h1 > Verwenden von Express zum Rendern Statisch Dateien h1 >

Körper >

html >

In diesem Code wird nur eine Überschrift erstellt, da der Schwerpunkt auf dem Backend und nicht auf dem Frontend liegt. Bei Bedarf können jedoch zusätzliche Funktionen hinzugefügt werden.

Ausgabe

Führen Sie nun das Node.js-Skript mit dem folgenden Code aus:

Knoten-App. js

Die folgende Meldung wird im Terminal protokolliert, die angibt, dass der Server bereit ist und den Port 3000 überwacht.

Öffnen Sie den lokalen Host-Port 3000 im Browser, um das vom Express-Modul gerenderte HTML-Code-Skript anzuzeigen

Das ist alles, um statische Dateien im Express zu rendern. Schauen wir uns nun an, wie dynamische Dateien gerendert werden.

Wie rendere ich dynamische Dateien in Express?

Benutzer können die dynamischen Dateien in Express mithilfe einer Template-Engine rendern, um HTML dynamisch basierend auf Daten zu generieren. Die unten verwendete Vorlage ist EJS (Embedded Javascript), die zum Rendern dynamischer Dateien sehr beliebt ist.

Schritt 1: EJS installieren

Verwenden Sie den folgenden Befehl, um das EJS in Ihrem Projektordner zu installieren

npm installiere ejs -- speichern

Schritt 2: Express mit EJS einrichten

Richten Sie die EJS-Vorlage als Ansichts-Engine in Ihrer Node.js-Datei ein.

//App.js

const äußern = erfordern ( 'äußern' ) ;

const App = äußern ( ) ;

const HAFEN = 3000 ;

App. Satz ( 'View Engine' , 'NEIN' ) ;

App. verwenden ( äußern. statisch ( 'öffentlich' ) ) ;

App. erhalten ( '/Benutzer-ID' , ( req, res ) => {

const Benutzer-ID = erf. Parameter . Ausweis ;

const Benutzerdaten = {

Ausweis : Benutzer-ID,

Nutzername : `Benutzer$ { Benutzer-ID } `,

Email : `Benutzer$ { Benutzer-ID } @Beispiel. mit `,

} ;

res. machen ( 'Benutzer' , { Benutzer : Benutzerdaten } ) ;

} ) ;

App. Hören ( HAFEN, ( ) => {

Konsole. Protokoll ( „Server läuft auf http.“ : //localhost:${PORT}`);

} ) ;

Die vom obigen Code ausgeführten Operationen sind:

  • „const express = require(‚express‘)“ importiert das Express-Modul aus den Knotenmodulen.
  • „const app = express()“ erstellt eine Instanz für die Express-Anwendung.
  • „app.set(‚view engine‘, ‚ejs‘)“ konfiguriert Express mit der EJS-Vorlage, um die Dateien dynamisch zu rendern.
  • „app.use(express.static(‚public‘))“ ermöglicht die Bereitstellung statischer Dateien, die im öffentlichen Ordner des Node-Projekts gespeichert sind.
  • „app.get(‘/user/:id’, (req, res) => {…})“ definiert AR-Anführungszeichen, die auf Anfragen warten.
  • „res.render(‘user‘, { user: userData })“ rendert die EJS-Vorlagendateien.
  • „app.listen(PORT, () => {…})“ startet den Server auf Port 3000 und der Benutzer kann „ http://localhost:3000/user/123 ” im Browser.

Schritt 3: EJS-Vorlage

Im Projektverzeichnis wird ein Verzeichnis mit dem Namen „views“ erstellt und in diesem Ordner eine EJS-Vorlagendatei „user.ejs“ erstellt. Diese Datei enthält den dynamischen Inhalt, den der Benutzer rendern möchte. Fügen Sie den folgenden Code in diese Datei ein

DOCTYPE html >

< Nur HTML = 'In' >

< Kopf >

< Meta-Zeichensatz = „UTF-8“ >

< Meta name = „Ansichtsfenster“ Inhalt = „width=device-width, initial-scale=1.0“ >

< Titel > Benutzerprofil Titel >

Kopf >

< Körper >

< h1 > Benutzerprofil h1 >

< P > Benutzer-ID : <%= Benutzer. Ausweis %> P >

< P > Nutzername : <%= Benutzer. Nutzername %> P >

< P > Email : <%= Benutzer. Email %> P >

Körper >

html >

Da das Hauptziel darin besteht, den Dateiinhalt dynamisch darzustellen, wurde nur der erforderliche Frontcode verwendet.

Schritt 4: Starten Sie den Server

Der Benutzer kann nun die Express-Anwendung starten, indem er den folgenden Codeausschnitt verwendet:

Knoten-App. js

Dabei ist App.js der Name der Datei im Verzeichnis. Nach der Ausführung dieses Codes zeigt das Terminal die folgende Meldung an

Jetzt kann der Benutzer den Link verwenden http://localhost:3000/user/123 im Browser und der Inhalt wird dynamisch gerendert als

Das ist alles, um den Dateiinhalt mithilfe des Express-Moduls in Node.js dynamisch zu rendern.

Abschluss

Der Artikel erklärt Node.js von Anfang bis Ende und zeigt, wie es mit seiner ununterbrochenen und ereignisbasierten JavaScript-Zeit für zahlreiche Ereignisse funktioniert. Es befasst sich mit Express, einem bekannten Webbuilding-Tool, und erwähnt auch NPM sowie die Darstellung statischer oder dynamischer Informationen auf einer Website. Obwohl der Artikel alles im Detail bespricht, ist er ein guter Leitfaden für Einsteiger, um etwas über Node.js zu lernen.