Come eseguire un modulo Nodejs in un browser

Nodejs non è un linguaggio di programmazione ma piuttosto fornisce solo un ambiente di runtime per l'esecuzione del codice JavaScript. Questo lo rende una tecnologia lato server. Esecuzione ed esecuzione dei processi sul server e quindi svolgere attività.

Modulo è un codice incapsulato, separato dal codice dell'applicazione principale con funzionalità che possono essere riutilizzate in tutto il codice. Nodejs ci fornisce vari repository di moduli open source che possono aiutarci a raggiungere varie attività di sviluppo. Ma questi moduli sono utili solo se stai costruendo un'applicazione lato server.

Quindi sorge una domanda che ciò che dovrebbe fare uno sviluppatore se vuole costruire un'applicazione JavaScript sul lato cliente? Bene, questo articolo ti darà la risposta, da come installare Nodejs all'esecuzione dei suoi moduli sui browser, questo articolo ti fornisce tutto.

Installazione del nodo JS

Prima di tutto, devi installare Nodejs. Per questo visitare il link facendo clic su questo e scarica la versione LTS (consigliata).

Npm che è il gestore dei pacchetti nodi verrà anche installato automaticamente sul sistema insieme all'installazione di nodejs. NPM è utile in quanto è un gestore di pacchetti che aiuta a scaricare e integrare i pacchetti nel codice JavaScript.

Ora, per verificare se NodeJS e NPM sono stati installati sul tuo dispositivo, è possibile eseguire il seguente comando:

Nodo -v
npm -v

Come installare il modulo Nodejs

Esistono due modi in cui puoi scaricare il modulo, a livello locale e globale. La differenza è che il modulo scaricato a livello globale è possibile accedere facilmente a tutti i progetti sul tuo sistema. Considerando che il tuo progetto attuale è possibile accedere a moduli locali. Comando per il download del modulo localmente:

NPM Installa [module_name]

Per capirlo meglio, installeremo il modulo Express, che viene utilizzato per la costruzione di API ecc.

NPM Installa Express

Ti fornirà il seguente output.

Una nuova cartella verrà creata automaticamente da NPM con il nome "Node_modules", memorizzerà tutti i moduli e i pacchetti.

Comando per il download del modulo a livello globale

È meglio installare moduli sia a livello locale che a livello globale. Il motivo è che ti permetterà di condividere il comando installato e allo stesso tempo sarai in grado di proteggere le dipendenze. Esegui il seguente comando:

NPM Installa -g [Module_name]

Nell'esempio seguente installeremo il pacchetto DateFormat a livello globale:

NPM Installa -g DateFormat

Come utilizzare il pacchetto con JavaScript

Nel modo seguente, il pacchetto NPM può essere utilizzato nel JavaScript:

var dateFormat = requisite ('dateFormat');
var now = new Date ();
console.log (dataformat (ora ", dddd, mmmm ds, yyyy, h: mm: ss tt"));

Ma questo causerà un errore:

Perché? Bene, il motivo è che Nodejs è una tecnologia lato server. Viene fornito con i suoi vantaggi, ma un grave svantaggio è che non puoi eseguire il tuo modulo sul browser senza installare alcuni strumenti.

Come eseguire i moduli usando browserify sui browser

Essere in grado di eseguire un modulo nodo sul browser è estremamente utile. Gli utenti possono utilizzare i moduli già esistenti sull'applicazione JavaScript sul lato client senza dover utilizzare un server. Ma come si può fare questo? Bene, ecco uno strumento chiamato Browserify.

Browserify è un modulo Nodejs di riga di comando che consente agli utenti di scrivere e utilizzare i moduli Nodejs già esistenti che vengono eseguiti sul browser.

In quanto è uno strumento di riga di comando, gli utenti devono convertire il loro script scritto con Nodejs in file JavaScript in modo che possa essere aggiunto con il tag script HTML. Comprendiamo il processo passo dopo passo:

In primo luogo, dobbiamo installare browserify. Per l'installazione, è necessario eseguire il comando seguente:

NPM Installa -G Browserify

Ora, è necessario eseguire il seguente comando in modo da poter eseguire l'applicazione nel browser senza errori.

Browserify Nome of-File.Bundle JS -O.js

Questo comando risolverà tutte le dipendenze e combinerà il codice sorgente in un file che può essere incluso con un singolo tag di script. Ma si noti che questi comandi devono essere eseguiti ogni volta che si apportano modifiche al codice sorgente originale.

Ora, basta sostituire il nome dell'origine nel tag script con "Bundle.JS ”nel file HTML.

Ora, se esegui questo file HTML e apri la console, non verrà visualizzato alcun errore e il risultato verrà visualizzato:

In questo modo è possibile utilizzare facilmente il tuo script tramite un singolo tag script all'interno di un file HTML. Attraverso browserify, è possibile eseguire facilmente i moduli sui browser senza alcun errore.

Conclusione

L'esecuzione di un modulo di nodo JS su un browser è estremamente utile e fornisce facilità all'utente. In questa guida how-to abbiamo imparato a eseguire il nostro modulo nodo in un browser. Poiché Nodejs utilizza la tecnologia lato server, diventa difficile per gli utenti eseguire il suo modulo sul browser. Quindi, Broswerify entra in uso. Con i suoi comandi facili da installare, rendere compatibile il browser dei moduli nodi diventa un'attività più semplice. Quindi, la creazione di un'applicazione JavaScript sul lato client diventa più facile per gli utenti.