Lernprogramm: Node.js für Anfänger

Wenn Sie ganz neu in der Nutzung von Node.jssind, hilft Ihnen dieser Leitfaden, die ersten Schritte mit den Grundlagen zu machen.

• Nutzen Sie Node.js in Visual Studio Code
• Erstellen Sie Ihre erste Node.js Webanwendung mit Express
• Versuchen Sie, ein Node.js Modul zu verwenden

Voraussetzungen

• Installieren auf Node.js auf Windows oder auf Windows-Subsystem für Linux

Testen von NodeJS mit Visual Studio Code

Wenn Sie Visual Studio Code noch nicht installiert haben, kehren Sie zum oben genannten Abschnitt der Voraussetzungen zurück und befolgen Sie die dort verlinkten Installationsschritte für Windows oder WSL.

1. Öffnen Sie die Befehlszeile und erstellen Sie ein neues Verzeichnis: mkdir HelloNode, und wechseln Sie dann in das Verzeichnis: cd HelloNode

2. Öffnen Sie das Verzeichnis in VS Code mit dem Befehl: code .

3. Erstellen einer Datei mit dem Namen "app.js"

4. Fügen Sie eine einfache Zeichenfolge "Hello World" zu einer Variablen mit dem Namen msghinzu, und senden Sie dann den Inhalt der Zeichenfolge an Ihre Konsole, indem Sie diese in die Datei "app.js" eingeben:

   var msg = 'Hello World';
   console.log(msg);
   

5. Führen Sie die Datei "app.js" mit Node.jsaus. Öffnen Sie Ihr Terminal direkt in VS Code, indem Sie Ansicht>Terminal- auswählen (oder STRG+' mit dem Hintergrundzeichen auswählen). Wenn Sie das Standardterminal ändern müssen, wählen Sie das Dropdownmenü und dann "Standardshell auswählen" aus.

6. Geben Sie im Terminal Folgendes ein: node app.js. Die Ausgabe sollte angezeigt werden: "Hello World".

Hinweis

Beachten Sie, dass, wenn Sie "console" in der Datei "app.js" eingeben, VS Code unterstützte Optionen im Zusammenhang mit dem Objekt console anzeigt, aus denen Sie mithilfe von IntelliSense wählen können. Experimentieren Sie mit IntelliSense, indem Sie andere JavaScript-Objekteverwenden.

Erstellen Ihrer ersten NodeJS-Web-App mit Express

Express ist ein minimales, flexibles und optimiertes Node.js Framework, das die Entwicklung einer Web-App erleichtert, die mehrere Arten von Anforderungen wie GET, PUT, POST und DELETE verarbeiten kann. Express verfügt über einen Anwendungsgenerator, der automatisch eine Dateiarchitektur für Ihre App erstellt.

So erstellen Sie ein Projekt mit Express.js:

1. Öffnen Sie die Befehlszeile (Eingabeaufforderung, PowerShell oder was Sie bevorzugen).

2. Erstellen Sie einen neuen Projektordner: mkdir ExpressProjects Und geben Sie dieses Verzeichnis ein: cd ExpressProjects

3. Verwenden Sie Express, um eine HelloWorld-Projektvorlage zu erstellen: npx express-generator HelloWorld --view=pug

   Hinweis

   Wir verwenden hier den npx Befehl, um das Express.js Node-Paket auszuführen, ohne es tatsächlich zu installieren (oder es vorübergehend zu installieren, je nachdem, wie Sie es sich vorstellen möchten). Wenn Sie versuchen, den Befehl express zu verwenden oder die mit express --versioninstallierte Version von Express zu überprüfen, erhalten Sie die Antwort, dass Express nicht gefunden werden kann. Wenn Sie Express global installieren möchten, um Express immer wieder zu verwenden, verwenden Sie Folgendes: npm install -g express-generator. Sie können eine Liste der Pakete anzeigen, die mithilfe von npm list npm installiert wurden. Sie werden nach ihrer Tiefe aufgelistet (in der Anzahl der geschachtelten Verzeichnisse). Pakete, die Sie installiert haben, befinden sich auf Ebene 0. Die Abhängigkeiten dieses Pakets befinden sich in Tiefe 1, nachfolgende Abhängigkeiten in Tiefe 2 und so weiter. Weitere Informationen finden Sie unter Differenz zwischen npx und npm? auf StackOverflow.

4. Überprüfen Sie die Dateien und Ordner, die Express enthalten, indem Sie das Projekt in VS Code öffnen, mit: code .

   Die von Express generierten Dateien erstellen eine Web-App, die eine Architektur verwendet, die zunächst etwas überwältigend erscheinen kann. In Ihrem VS Code Explorer Fenster (STRG+UMSCHALT+E zum Anzeigen) sehen Sie, dass die folgenden Dateien und Ordner generiert wurden:

   • bin. Enthält die ausführbare Datei, die Ihre App startet. Er löst einen Server aus (bei Port 3000, wenn keine Alternative bereitgestellt wird) und richtet die grundlegende Fehlerbehandlung ein.
   • public. Enthält alle öffentlich zugänglichen Dateien, einschließlich JavaScript-Dateien, CSS-Stylesheets, Schriftartdateien, Bilder und alle anderen Ressourcen, die personen benötigen, wenn sie eine Verbindung mit Ihrer Website herstellen.
   • routes. Enthält alle Routenhandler für die Anwendung. Zwei Dateien, index.js und users.js, werden automatisch in diesem Ordner generiert, um als Beispiele dafür zu dienen, wie Sie die Routenkonfiguration Ihrer Anwendung aufteilen können.
   • views. Enthält die Dateien, die von der Template-Engine verwendet werden. Express ist so konfiguriert, dass hier nach einer übereinstimmenden Ansicht gesucht wird, wenn die Rendermethode aufgerufen wird. Das Standardvorlagenmodul ist Jade, aber Jade wurde zugunsten von Pug veraltet, sodass wir das --view Flag verwendet haben, um das Ansichtsmodul (Vorlage) zu ändern. Sie können die --view-Kennzeichnungsoptionen und andere Optionen anzeigen, wenn Sie express --helpverwenden.
   • app.js. Der Ausgangspunkt Ihrer App. Es lädt alles und beginnt mit der Bereitstellung von Benutzeranforderungen. Es ist im Grunde der Klebstoff, der alle Teile zusammenhält.
   • package.json. Enthält die Projektbeschreibung, den Skript-Manager und das App-Manifest. Der Hauptzweck besteht darin, die Abhängigkeiten Ihrer App und deren jeweilige Versionen nachzuverfolgen.

5. Sie müssen jetzt die Abhängigkeiten installieren, die Express verwendet, um Ihre HelloWorld Express-App zu erstellen und auszuführen (die Pakete, die für Aufgaben wie das Ausführen des Servers verwendet werden, wie in der package.json Datei definiert). Öffnen Sie in VS Code Ihr Terminal, indem Sie Ansicht>Terminal auswählen (oder Strg+` wählen, mit dem Backslash-Zeichen), und vergewissern Sie sich, dass Sie sich weiterhin im Projektverzeichnis "HelloWorld" befinden. Installieren Sie die Express-Paketabhängigkeiten mit:

   npm install
   

6. An diesem Punkt haben Sie das Framework für eine mehrseitige Web-App eingerichtet, die Zugriff auf eine vielzahl von APIs und HTTP-Hilfsmethoden und Middleware hat, wodurch es einfacher ist, eine robuste API zu erstellen. Starten Sie die Express-App auf einem virtuellen Server, indem Sie Folgendes eingeben:

   npx cross-env DEBUG=HelloWorld:* npm start
   

   Tipp

   Der DEBUG=myapp:* Teil des obigen Befehls bedeutet, dass Sie Node.js mitteilen, dass Sie die Protokollierung für Debuggingzwecke aktivieren möchten. Denken Sie daran, "myapp" durch Ihren App-Namen zu ersetzen. Sie finden Ihren App-Namen in der package.json Datei unter der Eigenschaft "name". Mit npx cross-env wird die DEBUG Umgebungsvariable in jedem Terminal gesetzt, aber Sie können sie auch auf terminal-spezifische Weise festlegen. Der npm start Befehl teilt npm mit, die Skripts in Ihrer package.json Datei auszuführen.

7. Sie können die laufende App jetzt anzeigen, indem Sie einen Webbrowser öffnen und zu: localhost:3000

   

8. Nachdem Ihre HelloWorld Express-App nun lokal in Ihrem Browser ausgeführt wird, versuchen Sie, eine Änderung vorzunehmen, indem Sie den Ordner "Ansichten" in Ihrem Projektverzeichnis öffnen und die Datei "index.pug" auswählen. Ändern Sie nach dem Öffnen h1= title in h1= "Hello World!" und wählen Sie Speichern aus (STRG+S). Zeigen Sie Ihre Änderungen an, indem Sie die URL localhost:3000 in Ihrem Webbrowser aktualisieren.

9. Um die Ausführung Ihrer Express-App zu beenden, geben Sie in Ihrem Terminal Folgendes ein: STRG+C

Versuchen Sie, ein Modul Node.js zu verwenden

Node.js verfügt über Tools, mit denen Sie serverseitige Web-Apps entwickeln können, einschließlich integrierter Werkzeuge und vieler weiterer, die über npm verfügbar sind. Diese Module können bei vielen Aufgaben helfen:

Werkzeug	Syntaxelemente
gm, scharf	Bildbearbeitung, einschließlich Bearbeiten, Ändern der Größe, Komprimierung usw. direkt in Ihrem JavaScript-Code
PDFKit	PDF-Generierung
validator.js	Zeichenfolgenvalidierung
imagemin, UglifyJS2	Minifizierung
Spritesmith	Sprite-Sheet-Generierung
Winston	Protokollierung
commander.js	Erstellen von Befehlszeilenanwendungen

Lassen Sie uns das integrierte Betriebssystemmodul verwenden, um einige Informationen zum Betriebssystem Ihres Computers zu erhalten:

1. Öffnen Sie in Ihrer Befehlszeile die Node.js CLI. Die Eingabeaufforderung > wird angezeigt, die Sie darauf hinweist, dass Sie Node.js verwenden, nachdem Sie node eingegeben haben.

2. Geben Sie Folgendes ein, um das aktuell verwendete Betriebssystem zu identifizieren (das eine Antwort zurückgeben soll, die Sie darüber informiert, dass Sie unter Windows arbeiten): os.platform()

3. Um die Architektur Ihrer CPU zu überprüfen, geben Sie Folgendes ein: os.arch()

4. Um die auf Ihrem System verfügbaren CPUs anzuzeigen, geben Sie Folgendes ein: os.cpus()

5. Verlassen Sie die Node.js CLI, indem Sie .exit eingeben oder STRG+C zweimal drücken.

   Tipp

   Sie können das Node.js Betriebssystemmodul verwenden, um Dinge wie die Plattform zu überprüfen und eine plattformspezifische Variable zurückzugeben: Win32/.bat für Windows-Entwicklung, Darwin/.sh für Mac/Unix, Linux, SunOS usw. (z. B var isWin = process.platform === "win32";. ).