So führen Sie ein NodeJS -Modul in einem Browser aus

Nodejs keine Programmiersprache, sondern bietet nur eine Laufzeitumgebung für die Ausführung des JavaScript -Code. Dies macht es zu einer Server -Seite -Technologie. Ausführen und Ausführen von Prozessen auf dem Server und damit die Erfüllung von Aufgaben.

Modul ist ein eingekapselter Code, der vom Hauptanwendungscode mit Funktionen getrennt ist, die in Ihrem Code wiederverwendet werden können. NodeJS bietet uns verschiedene Repositorys von Open -Source -Modulen, die uns helfen können, verschiedene Entwicklungsaufgaben zu erledigen. Diese Module sind jedoch nur dann nützlich, wenn Sie eine serverseitige Anwendung erstellen.

Es stellt sich also eine Frage, was ein Entwickler tun soll, wenn er eine JavaScript -Anwendung von Client -Seite erstellen möchte? Nun, dieser Artikel gibt Ihnen die Antwort, von der Installation von Nodejs bis zum Ausführen seiner Module auf Browsern. Dieser Artikel bietet Ihnen alles.

Knoten JS Installation

Vor irgendetwas müssen Sie NodeJs installieren lassen. Für diesen Besuch des Links klicken Sie auf diese.

NPM Dies ist der Node Package Manager auch automatisch auf Ihrem System zusammen mit der Installation von NodeJs installiert. NPM ist hilfreich, da es sich um einen Paketmanager handelt, der beim Herunterladen und Integrieren von Paketen in den JavaScript -Code hilft.

Um zu überprüfen, ob NodeJS und NPM auf Ihrem Gerät installiert wurden, können Sie den folgenden Befehl ausführen:

Knoten -v
NPM -v

So installieren Sie das NodeJS -Modul

Es gibt zwei Möglichkeiten, wie Sie das Modul lokal und global herunterladen können. Der Unterschied besteht darin, dass das global heruntergeladene Modul von allen Projekten auf Ihrem System problemlos zugegriffen werden kann. Während auf lokale Module nur von Ihrem aktuellen Projekt zugegriffen werden kann. Befehl zum lokalen Herunterladen von Modul:

npm install [module_name]

Um dies besser zu verstehen, installieren wir das Express -Modul, das zum Erstellen von APIs usw. verwendet wird.

npm install express

Es bietet Ihnen die folgende Ausgabe.

Ein neuer Ordner wird automatisch von NPM mit dem Namen "node_modules" erstellt. Er speichert alle Ihre Module und Pakete.

Befehl zum weltweit herunterladen Modul

Es ist besser, Module sowohl lokal als auch global zu installieren. Grund dafür ist, dass Sie den installierten Befehl teilen können und gleichzeitig die Abhängigkeiten schützen können. Führen Sie den folgenden Befehl aus:

npm install -g [module_name]

Im folgenden Beispiel installieren wir das DateFormat -Paket weltweit:

npm install -g dateFormat

So verwenden Sie das Paket mit JavaScript

Durch die folgende Weise kann das NPM -Paket in das JavaScript verwendet werden:

var dateFormat = fordert ('DateFormat');
var nun = new Date ();
Konsole.log (DateFormat (jetzt, "DDDD, MMMM DS, YYYY, H: MM: SS TT"));

Dies führt jedoch zu einem Fehler:

Warum das? Der Grund dafür ist, dass NodeJS eine serverseitige Technologie ist. Es kommt mit seinen Vorteilen, aber ein großer Nachteil ist, dass Sie Ihr Modul nicht auf Ihrem Browser ausführen können, ohne einige Tools zu installieren.

So führen Sie Module mithilfe von Browserify auf Browsern aus

Es ist äußerst vorteilhaft, ein Knotenmodul auf dem Browser auszuführen. Benutzer können bereits vorhandene Module auf der Client -Seite JavaScript -Anwendung verwenden, ohne einen Server verwenden zu müssen. Aber wie kann das getan werden?? Nun, hier kommt ein Tool namens namens Browserify.

Browserify ist ein Befehlszeilen -NodeJS -Modul, mit dem Benutzer bereits vorhandene NodeJS -Module schreiben und verwenden können, die auf dem Browser ausgeführt werden.

Da es sich um ein Befehlszeilen -Tool handelt, müssen Benutzer ihr Skript mit NodeJs in JavaScript -Datei konvertieren, damit es mit dem HTML -Skript -Tag hinzugefügt werden kann. Verstehen wir den Prozess Schritt für Schritt:

Zunächst müssen wir Browserify installieren. Für die Installationsbefehl muss ausgeführt werden:

NPM Install -g -Browserify

Jetzt muss der folgende Befehl ausgeführt werden, damit Sie Ihre Anwendung im Browser ohne Fehler ausführen können.

Browserify-Dateiname.JS -o -Bündel.JS

In diesem Befehl wird alle Abhängigkeiten aufgelöst und Ihren Quellcode in einer Datei kombiniert, die in einem einzigen Skript -Tag enthalten sein kann. Beachten Sie jedoch, dass diese Befehle jedes Mal ausgeführt werden müssen, wenn Sie Änderungen in Ihrem ursprünglichen Quellcode vornehmen.

Ersetzen Sie nun einfach den Namen der Quelle im Skript -Tag durch „Bundle.js ”in der HTML -Datei.

Wenn Sie diese HTML -Datei ausführen und die Konsole öffnen, wird kein Fehler angezeigt und das Ergebnis wird angezeigt:

Auf diese Weise können Sie Ihr Skript einfach über ein einzelnes Skript -Tag in einer HTML -Datei verwenden. Durch Browserify können Sie Ihre Module ohne Fehler auf Browser problemlos ausführen.

Abschluss

Das Ausführen eines Knotenmoduls JS in einem Browser ist äußerst vorteilhaft und bietet dem Benutzer eine einfache. In dieser Anleitung haben wir gelernt, wie man unser Knotenmodul in einem Browser ausführt. Da NodeJS die Server -Seitentechnologie verwendet, wird es für Benutzer schwierig, ihr Modul im Browser auszuführen. Daher kommt Broswerify verwendet. Mit den einfach zu installierenden Befehlen wird ein Browser -kompatibler Knotenmodule zu einer einfacheren Aufgabe. Das Erstellen einer clientseitigen JavaScript-Anwendung wird daher für Benutzer einfacher.