Node.js Express FrameWork Tutorial - Lernen Sie Express.js in 15 Minuten

Blog

Node.js Express FrameWork Tutorial - Lernen Sie Express.js in 15 Minuten

Express JS ist ein großartiges, meinungsorientiertes Framework für Node.js, mit dem Sie REST-Endpunkte erstellen können. Lernen wir Express.js in 15 Minuten!

In diesem Tutorial werden wir das Express-Framework untersuchen. Dieses Framework ist so aufgebaut, dass es als minimales und flexibles Node.js-Webanwendungs-Framework fungiert und einen robusten Satz von Funktionen zum Erstellen von Einzel- und Mehrseiten- und Hybrid-Webanwendungen bietet.

In diesem Tutorial lernen Sie:

  • Was ist Express.js?
  • Installieren und Verwenden von Express
  • Was sind Routen?
  • Beispiel-Webserver mit express.js

Was ist Express.js?

Express.js ist ein Node js-Webanwendungsserver-Framework, das speziell zum Erstellen von einseitigen, mehrseitigen und hybriden Webanwendungen entwickelt wurde.

Es ist zum Standard-Server-Framework für node.js geworden. Express ist der Backend-Teil von etwas, das als MEAN-Stack bekannt ist.

Der MEAN ist ein kostenloser Open-Source-JavaScript-Software-Stack zum Erstellen dynamischer Websites und Webanwendungen, der die folgenden Komponenten enthält;

1) MongoDB - Die Standard-NoSQL-Datenbank

2) Express.js - Das Standard-Framework für Webanwendungen

3) Angular.js - Das für Webanwendungen verwendete JavaScript-MVC-Framework

4) Node.js - Framework für skalierbare serverseitige und Netzwerkanwendungen.

Das Express.js-Framework macht es sehr einfach, eine Anwendung zu entwickeln, die verwendet werden kann, um mehrere Arten von Anforderungen wie GET-, PUT- und POST- und DELETE-Anforderungen zu verarbeiten.

Installieren und Verwenden von Express

Express wird über den Node Package Manager installiert. Dies kann durch Ausführen der folgenden Zeile in der Befehlszeile erfolgen

npm Express installieren

Der obige Befehl fordert den Node-Paketmanager auf, die erforderlichen Express-Module herunterzuladen und entsprechend zu installieren.

Lassen Sie uns unser neu installiertes Express-Framework verwenden und eine einfache Hello World-Anwendung erstellen.

Unsere Anwendung wird ein einfaches Servermodul erstellen, das auf Portnummer 3000 lauscht. In unserem Beispiel sendet die Serveranwendung eine 'Hello' World'-Antwort an den Client, wenn eine Anfrage über den Browser an dieser Portnummer gestellt wird .

Node.js Express FrameWork-Tutorial

var express=require('express'); var app=express(); app.get('/',function(req,res) { res.send('Hello World!'); }); var server=app.listen(3000,function() {});

Code-Erklärung:

  1. In unserer ersten Codezeile verwenden wir die Funktion require, um das Express-Modul einzuschließen.
  2. Bevor wir das Express-Modul verwenden können, müssen wir ein Objekt daraus machen.
  3. Hier erstellen wir eine Callback-Funktion. Diese Funktion wird immer dann aufgerufen, wenn jemand zum Stammverzeichnis unserer Webanwendung navigiert http://localhost:3000 . Die Callback-Funktion wird verwendet, um die Zeichenfolge „Hello World“ an die Webseite zu senden.
  4. In der Callback-Funktion senden wir den String Hello World an den Client zurück. Der Parameter „res“ wird verwendet, um Inhalte an die Webseite zurückzusenden. Dieser Parameter „res“ wird vom Modul „request“ bereitgestellt, um es zu ermöglichen, Inhalte an die Webseite zurückzusenden.
  5. Wir verwenden dann die Listen-to-Funktion, um unsere Serveranwendung dazu zu bringen, auf Client-Anfragen auf Port Nr. 3000 zu hören. Sie können hier jeden verfügbaren Port angeben.

Wenn der Befehl erfolgreich ausgeführt wurde, wird die folgende Ausgabe angezeigt, wenn Sie Ihren Code im Browser ausführen.

Ausgabe:

Node.js Express FrameWork-Tutorial

Aus der Ausgabe,

wie man Weinabfüller benutzt
  • Sie können deutlich sehen, dass wir, wenn wir auf Port 3000 zur URL von localhost navigieren, die Zeichenfolge 'Hello World' auf der Seite sehen.
  • Da wir in unserem Code ausdrücklich erwähnt haben, dass der Server auf Port Nr. 3000 lauscht, können wir die Ausgabe beim Surfen zu dieser URL anzeigen.

Was sind Routen?

Routing bestimmt die Art und Weise, wie eine Anwendung auf eine Clientanforderung an einen bestimmten Endpunkt antwortet.

Ein Client kann beispielsweise eine GET-, POST-, PUT- oder DELETE-HTTP-Anfrage für verschiedene URLs wie die unten gezeigten stellen;

http://localhost:3000/Books http://localhost:3000/Students

Im obigen Beispiel ist

  • Wenn für die erste URL eine GET-Anfrage gestellt wird, sollte die Antwort idealerweise eine Liste von Büchern sein.
  • Wenn die GET-Anfrage für die zweite URL gestellt wird, sollte die Antwort idealerweise eine Liste von Schülern sein.
  • Basierend auf der aufgerufenen URL wird also eine andere Funktionalität auf dem Webserver aufgerufen und dementsprechend die Antwort an den Client gesendet. Dies ist das Konzept des Routings.

Jede Route kann eine oder mehrere Handler-Funktionen haben, die bei Übereinstimmung der Route ausgeführt werden.

Die allgemeine Syntax für eine Route wird unten gezeigt

app.METHOD(PATH, HANDLER)

Worin,

  1. app ist eine Instanz des Express-Moduls

  2. METHOD ist eine HTTP-Anfragemethode (GET, POST, PUT oder DELETE)

  3. PATH ist ein Pfad auf dem Server.

  4. HANDLER ist die Funktion, die ausgeführt wird, wenn die Route übereinstimmt.

Schauen wir uns ein Beispiel an, wie wir Routen im Express umsetzen können. Unser Beispiel erstellt 3 Routen als

  1. Eine /Node-Route, die die Zeichenfolge Tutorial auf Node anzeigt, wenn auf diese Route zugegriffen wird
  2. Eine /Angular-Route, die die Zeichenfolge Tutorial auf Angular anzeigt, wenn auf diese Route zugegriffen wird
  3. Eine Standardroute /, die die Zeichenfolge Welcome to Guru99 Tutorials anzeigt.

Unser grundlegender Code bleibt derselbe wie in den vorherigen Beispielen. Das folgende Snippet ist ein Add-on, um zu zeigen, wie Routing implementiert wird.

Node.js Express FrameWork-Tutorial

var express = require('express'); var app = express(); app.route('/Node').get(function(req,res) { res.send('Tutorial on Node'); }); app.route('/Angular').get(function(req,res) { res.send('Tutorial on Angular'); }); app.get('/',function(req,res){ res.send('Welcome to Guru99 Tutorials'); }));

Code-Erklärung:

  1. Hier definieren wir eine Route, wenn die URL http://localhost:3000/Node wird im Browser ausgewählt. An die Route hängen wir eine Callback-Funktion an, die aufgerufen wird, wenn wir zur Node-URL navigieren.

    Die Funktion hat 2 Parameter.

  • Der Hauptparameter, den wir verwenden werden, ist der Parameter „res“, der verwendet werden kann, um Informationen an den Client zurückzusenden.
  • Der Parameter ‚req‘ enthält Informationen über die gestellte Anfrage. Manchmal können zusätzliche Parameter als Teil der gestellten Anfrage gesendet werden, und daher kann der Parameter „req“ verwendet werden, um die zusätzlichen Parameter zu finden, die gesendet werden.
  1. Wir verwenden die Sendefunktion, um die Zeichenfolge Tutorial on Node an den Client zurückzusenden, wenn die Node-Route ausgewählt ist.
  2. Hier definieren wir eine Route, wenn die URL http://localhost:3000/Angular wird im Browser ausgewählt. An die Route hängen wir eine Callback-Funktion an, die aufgerufen wird, wenn wir zur Angular-URL navigieren.
  3. Wir verwenden die send-Funktion, um den String Tutorial on Angular an den Client zurückzusenden, wenn die Angular-Route gewählt wird.
  4. Dies ist die Standardroute, die ausgewählt wird, wenn man zur Route der Anwendung navigiert – http://localhost:3000 . Wenn die Standardroute gewählt wird, wird die Nachricht Welcome to Guru99 Tutorials an den Client gesendet.

Wenn der Befehl erfolgreich ausgeführt wurde, wird die folgende Ausgabe angezeigt, wenn Sie Ihren Code im Browser ausführen.

Ausgabe:

Node.js Express FrameWork-Tutorial

Aus der Ausgabe,

  • Sie können deutlich sehen, dass Sie, wenn Sie auf Port 3000 zur URL von localhost navigieren, die Zeichenfolge 'Welcome to Guru99 Tutorials' auf der Seite sehen.
  • Denn in unserem Code haben wir erwähnt, dass unsere Standard-URL diese Nachricht anzeigen würde.

Node.js Express FrameWork-Tutorial

Aus der Ausgabe,

  • Sie sehen, dass bei einer Änderung der URL in /Node die entsprechende Node-Route gewählt wird und die Zeichenfolge 'Tutorial On Node' angezeigt wird.

Node.js Express FrameWork-Tutorial

Aus der Ausgabe,

  • Sie sehen, dass bei einer Änderung der URL in /Angular die entsprechende Node-Route gewählt wird und die Zeichenfolge Tutorial On Angular angezeigt wird.

Beispiel-Webserver mit express.js

In unserem obigen Beispiel haben wir gesehen, wie wir basierend auf dem Routing entscheiden können, welche Ausgabe angezeigt werden soll. Diese Art von Routing wird in den meisten modernen Webanwendungen verwendet. Der andere Teil eines Webservers ist die Verwendung von Vorlagen in Node js.

Beim Erstellen von schnellen On-the-Fly-Node-Anwendungen besteht eine einfache und schnelle Möglichkeit darin, Vorlagen für die Anwendung zu verwenden. Es gibt viele Frameworks auf dem Markt, um Vorlagen zu erstellen. In unserem Fall nehmen wir das Beispiel des Jade-Frameworks für das Templating.

Jade wird über den Node Package Manager installiert. Dies kann durch Ausführen der folgenden Zeile in der Befehlszeile erfolgen

npm installieren jade

Der obige Befehl fordert den Node-Paketmanager auf, die erforderlichen Jade-Module herunterzuladen und entsprechend zu installieren.

HINWEIS: In der neuesten Version von Node ist Jade veraltet. Verwenden Sie stattdessen Mops.

Lassen Sie uns unser neu installiertes Jade-Framework verwenden und einige grundlegende Vorlagen erstellen.

reagieren frühling reagieren nativ

Schritt 1) Der erste Schritt besteht darin, eine Jade-Vorlage zu erstellen. Erstellen Sie eine Datei namens index.jade und fügen Sie den folgenden Code ein. Stellen Sie sicher, dass Sie die Datei im Ordner 'Ansichten' erstellen

Node.js Express FrameWork-Tutorial

  1. Hier geben wir an, dass der Titel der Seite in den Wert geändert wird, der beim Aufrufen dieser Vorlage übergeben wird.
  2. Wir geben auch an, dass der Text im Header-Tag durch das ersetzt wird, was in der Jade-Vorlage übergeben wird.

Node.js Express FrameWork-Tutorial

var express=require('express'); var app=express(); app.set('view engine','jade'); app.get('/',function(req,res) { res.render('index', {title:'Guru99',message:'Welcome'}) }); var server=app.listen(3000,function() {});

Code-Erklärung:

  1. Das erste, was in der Anwendung angegeben werden muss, ist die View-Engine, die zum Rendern der Vorlagen verwendet wird. Da wir Jade zum Rendern unserer Vorlagen verwenden werden, geben wir dies entsprechend an.
  2. Die Render-Funktion wird verwendet, um eine Webseite zu rendern. In unserem Beispiel rendern wir das zuvor erstellte Template (index.jade).
  3. Wir übergeben die Werte von Guru99 und Welcome an die Parameter title bzw. message. Diese Werte werden durch die Parameter ‚title‘ und ‚message‘ ersetzt, die in der Vorlage index.jade deklariert sind.

Wenn der Befehl erfolgreich ausgeführt wurde, wird die folgende Ausgabe angezeigt, wenn Sie Ihren Code im Browser ausführen.

Ausgabe:

Node.js Express FrameWork-Tutorial

Aus der Ausgabe,

  • Wir können sehen, dass der Titel der Seite auf Guru99 und der Header der Seite auf Willkommen gesetzt wird.
  • Dies liegt an der Jade-Vorlage, die in unserer node js-Anwendung aufgerufen wird.

Zusammenfassung

  • Das Express-Framework ist das am häufigsten verwendete Framework zum Entwickeln von Node-js-Anwendungen. Das Express-Framework baut auf dem node.js-Framework auf und hilft bei der schnellen Entwicklung von serverbasierten Anwendungen.
  • Routen werden verwendet, um Benutzer basierend auf der gestellten Anfrage zu verschiedenen Teilen der Webanwendungen umzuleiten. Die Reaktion für jede Route kann variiert werden, je nachdem, was dem Benutzer gezeigt werden soll.
  • Vorlagen können verwendet werden, um Inhalte auf effiziente Weise einzufügen. Jade ist eine der beliebtesten Templating-Engines, die in Node.js-Anwendungen verwendet wird.

#node-js #express #javascript #web-entwicklung

www.youtube.com

Node.js Express FrameWork Tutorial - Lernen Sie Express.js in 15 Minuten

Express JS ist ein großartiges, meinungsorientiertes Framework für Node.js, mit dem Sie REST-Endpunkte erstellen können. Lernen wir Express.js in 15 Minuten! - Node.js Express FrameWork-Tutorial. Dieses Framework ist so aufgebaut, dass es als minimales und flexibles Node.js-Webanwendungs-Framework fungiert und einen robusten Satz von Funktionen zum Erstellen von Einzel- und Mehrseiten- und Hybrid-Webanwendungen bietet.