NODEJS 101 – EINRICHTEN EINES NODE JS-PROJEKTS

Feb 17 2023
Node.js ist eine plattformübergreifende Open-Source-Back-End-JavaScript-Laufzeitumgebung, die es Entwicklern ermöglicht, serverseitige Anwendungen mit JavaScript zu erstellen und auszuführen.

Node.js ist eine plattformübergreifende Open-Source-Back-End-JavaScript-Laufzeitumgebung, die es Entwicklern ermöglicht, serverseitige Anwendungen mit JavaScript zu erstellen und auszuführen. Es wurde 2009 von Ryan Dahl entwickelt und hat sich seitdem zu einer beliebten Plattform zum Erstellen von Webanwendungen und Netzwerkdiensten entwickelt.

Node.js basiert auf der V8-JavaScript-Engine, die vom Google Chrome-Browser verwendet wird, was bedeutet, dass es JavaScript-Code auf der Serverseite ausführen kann. Dadurch können Entwickler dieselbe Sprache und Codebasis sowohl für das Front-End als auch für das Back-End ihrer Webanwendungen verwenden, was zu einer verbesserten Effizienz und kürzeren Entwicklungszeiten führen kann.

Im heutigen Blog werden wir Schritt für Schritt erkunden, wie wir uns darauf vorbereiten, mit der Codierung eines Node-JS-Projekts zu beginnen.

ERSTELLEN SIE EIN VERZEICHNIS

Der erste Schritt besteht darin, immer ein neues Verzeichnis zu erstellen, in dem Ihr Code gespeichert wird. Dazu verwenden Sie den Befehl (für diejenigen, die ein Linux-Terminal verwenden). mkdir <name of your project>Ich nenne mein NodeTutorial:

Ich werde dann in das NodeTutorial-Verzeichnis wechseln, das ich gerade erstellt habe:cd <name of your project

NPM-INIT

npm initist ein Befehl, der in nodejs verwendet wird, um eine neue package.jsonDatei für unser Projekt zu erstellen. Bei dieser Datei handelt es sich um eine Metadatendatei, die Informationen über das Projekt enthält, wie z. B. Name, Version, Beschreibung, Autor, Lizenz, Abhängigkeiten und vieles mehr.

Die erste Frage, die Sie sich stellen werden, ist, warum diese Datei notwendig ist. Warum müssen wir es generieren?

  1. ABHÄNGIGKEITSVERWALTUNG – Diese Datei listet alle Abhängigkeiten auf (das sind die Bibliotheken und Module, die unser Projekt für die Ausführung benötigt).
  2. VERSIONSKONTROLLE – enthält Informationen über die Version des Projekts, den Autor, die Lizenz und andere Metadaten. Diese Informationen können für Versionskontrollsysteme wie Git nützlich sein, da sie dabei helfen, Änderungen zu verfolgen und verschiedene Versionen des Projekts zu verwalten.
  3. AUTOMATISIERUNG – Viele automatisierte Tools und Dienste verlassen sich auf die package.jsonDatei, um Aufgaben wie Tests, Erstellung und Bereitstellung auszuführen. Beispielsweise kann ein CI-Tool (Continuous Integration) die package.jsonDatei verwenden, um zu bestimmen, welche Tests ausgeführt oder welche Abhängigkeiten installiert werden sollen.
  4. KONFIGURATION – Die package.jsonDatei kann auch zum Definieren benutzerdefinierter Skripts verwendet werden, die mit ausgeführt werden können npm run <script-name>. Diese Skripte können für Aufgaben wie das Kompilieren von Code, das Ausführen von Tests oder das Starten des Servers verwendet werden. Dadurch können Entwickler einen benutzerdefinierten Workflow für ihr Projekt definieren, der von anderen Entwicklern problemlos ausgeführt werden kann

Wenn ich npm inites ausführe, werden mir ein paar Fragen gestellt, die Sie leer lassen können, da wir jederzeit zurückkommen und es bearbeiten können, wenn es bereits erstellt wurde.

Drücken Sie einfach weiterhin die Eingabetaste und belassen Sie die Standardeinstellung. Dieser Befehl hätte eine package.json-Datei erstellt, wie wir in diesem Screenshot unten sehen können, wenn wir den Befehl ausführen.

Von hier aus ist unser Projekt bereits für ein Knotenprojekt eingerichtet, wir müssen nur noch eine Sache tun, und zwar unsere Vorlagensprache definieren. Was ist die Template-Engine, fragen Sie?

VORLAGEN-ENGINE

Eine Template-Engine ist ein Tool, das in der Webentwicklung zum dynamischen Generieren von HTML oder anderem Markup auf der Grundlage einer Vorlage oder einer Reihe von Vorlagen verwendet wird. Die Vorlage definiert die Struktur und das Layout der Seite, und die Template-Engine füllt die Vorlage mit Daten, um eine endgültige Ausgabe zu erstellen, die an den Browser gesendet werden kann.

Zu den beliebten Template-Engines von NodeJS gehören:

  1. Lenker: Eine einfache und flexible Template-Engine, die die Syntax im Moustache-Stil verwendet.
  2. EJS: Eingebettete JavaScript-Vorlagen, mit denen Sie JavaScript-Code in HTML-Vorlagen schreiben können.
  3. Pug (ehemals Jade): Eine saubere und prägnante Template-Engine, die Einrückungen verwendet, um die Struktur der Vorlage zu definieren.
  4. Nunjucks: Eine leistungsstarke Template-Engine, die Funktionen wie Makros, Filter und Vererbung umfasst.

Wir werden ejs(express) installieren, damit wir unsere Objekte finalisieren und eine HTTP-Antwort an den Client senden können.

NPM-INSTALLATION

Erinnern Sie sich an die Abhängigkeiten, über die wir oben gesprochen haben? Abhängigkeiten sind in einem Node.js-Projekt notwendig, da sie externe Bibliotheken und Module bereitstellen, mit denen Sie Ihrer Anwendung Funktionalität hinzufügen können, ohne den gesamten Code von Grund auf neu schreiben zu müssen.

Wir werden die Express-Templating-Engine installieren:npm install express

Wenn ich dieses Verzeichnis durchsuche, werden Sie sehen, dass eine neue Datei und ein Ordner hinzugefügt wurden.

Von hier aus werden wir einem Kunden eine einfache Seite bereitstellen

Erstellen Sie eine index.js-Datei und fügen Sie den folgenden Code ein:

#index.js
const express = require('express');
const app = express();

app.get('/', (req, res) => {
  res.send('Hello, multiverse!');
});

app.listen(3000, () => {
  console.log('Server started on port 3000');
});

Sie werden sehen, dass die Aussage angezeigt wird: Server wurde auf Port 3000 gestartet. Besuchen Sie diese URL in Ihrem Browser und Sie werden sehen, dass die Zeile „Hallo Multiversum“ angezeigt wird. Die URL ist `http://localhost:3000/

Und das war’s, Sie haben Ihren NODEJS 101-Kurs abgeschlossen, nehmen Sie sich einen Moment Zeit und gratulieren Sie sich selbst zu diesem Meilenstein!

CIAO!