Comment exécuter un module Nodejs dans un navigateur
Module est un code encapsulé, séparé du code d'application principal avec des fonctionnalités qui peuvent être réutilisées tout au long de votre code. NodeJS nous fournit divers référentiels de modules open source qui peuvent nous aider à réaliser diverses tâches de développement. Mais ces modules ne sont utiles que si vous créez une application côté serveur.
Une question se pose donc que ce devait faire un développeur s'il veut créer une application JavaScript côté client? Eh bien, cet article vous donnera la réponse, de la façon d'installer Nodejs à l'exécution de ses modules sur les navigateurs, cet article vous fournit tout.
Installation de nœud JS
Avant quoi que ce soit, vous devez faire installer des nodejs. Pour cette visite, le lien en cliquant sur ceci et en téléchargeant la version LTS (recommandée).
NPM qui est le gestionnaire de packages de nœuds sera également automatiquement installé sur votre système ainsi que l'installation de NodeJS. Le NPM est utile car c'est un gestionnaire de packages qui aide à télécharger et à intégrer des packages dans le code JavaScript.
Maintenant, pour vérifier si Nodejs et NPM ont été installés sur votre appareil, vous pouvez exécuter la commande suivante:
Node -v
npm -v
Comment installer le module NodeJS
Il existe deux façons de télécharger le module, localement et mondial. La différence est que le module téléchargé à l'échelle mondiale est facilement accessible par tous les projets de votre système. Tandis que les modules locaux ne peuvent être accessibles que par votre projet actuel. Commande de téléchargement du module localement:
npm install [module_name]
Pour mieux comprendre cela, nous installerons le module express, qui est utilisé pour la construction d'API, etc.
NPM Install Express
Il vous fournira la sortie suivante.
Un nouveau dossier sera créé automatiquement par NPM par le nom «Node_modules», il stockera tous vos modules et packages.
Commande de téléchargement du module à l'échelle mondiale
Il est préférable d'installer des modules à la fois localement et globalement. La raison est que cela vous permettra de partager la commande installée et en même temps, vous pourrez protéger les dépendances. Exécutez la commande suivante:
npm install -g [module_name]
Dans l'exemple suivant, nous installerons le package DateFormat à l'échelle mondiale:
NPM Install -g DateFormat
Comment utiliser le package avec JavaScript
À travers la manière suivante, le package NPM peut être utilisé dans le JavaScript:
var dateFormat = require ('dateFormat');var now = new Date ();
console.Log (DateFormat (maintenant, "DDDD, MMMM DS, YYYY, H: MM: SS TT"));
Mais cela entraînera une erreur:
Pourquoi donc? Eh bien, la raison en est que NodeJS est une technologie côté serveur. Il est livré avec ses avantages, mais un inconvénient majeur est que vous ne pouvez pas exécuter votre module sur votre navigateur sans installer certains outils.
Comment exécuter des modules à l'aide de navigation sur les navigateurs
Être capable d'exécuter un module de nœud sur le navigateur est extrêmement bénéfique. Les utilisateurs peuvent utiliser des modules déjà existants sur l'application JavaScript côté client sans avoir à utiliser un serveur. Mais comment cela peut-il se faire? Eh bien, voici un outil appelé Navigation.
Navigation est un module NodeJS de ligne de commande qui permet aux utilisateurs d'écrire et d'utiliser des modules NodeJS déjà existants qui s'exécutent sur le navigateur.
Comme il s'agit d'un outil de ligne de commande, les utilisateurs doivent convertir leur script écrit avec NodeJS en fichier javascript afin qu'il puisse être ajouté avec la balise de script HTML. Comprenons le processus étape par étape:
Tout d'abord, nous devons installer la navigation. Pour l'installation, la commande suivante doit être exécutée:
NPM Installer -g Browserify
Maintenant, la commande suivante doit être exécutée afin que vous puissiez exécuter votre application dans le navigateur sans aucune erreur.
Browserify Name of File.pack JS -O.js
Cette commande résoudra toutes les dépendances et combinera votre code source dans un fichier qui peut être inclus avec une seule balise de script. Mais notez que ces commandes doivent être exécutées chaque fois que vous apportez des modifications dans votre code source d'origine.
Maintenant, remplacez simplement le nom de la source dans la balise de script par «Bundle.js ”dans le fichier html.
Maintenant, si vous exécutez ce fichier HTML et ouvrez la console, elle n'affiche aucune erreur et le résultat sera affiché:
De cette façon, vous pouvez facilement utiliser votre script via une balise de script unique dans un fichier html. Grâce à Browserify, vous pouvez facilement exécuter vos modules sur les navigateurs sans aucune erreur.
Conclusion
L'exécution d'un module de nœud JS sur un navigateur est extrêmement bénéfique et offre une facilité à l'utilisateur. Dans ce guide pratiques, nous avons appris à exécuter notre module de nœud dans un navigateur. Comme NodeJS utilise la technologie côté serveur, il devient difficile pour les utilisateurs d'exécuter son module sur le navigateur. Par conséquent, Broswerify entre en usage. Avec ses commandes faciles à installer, rendre la compatible du navigateur de nœuds compatible devient une tâche plus facile. Par conséquent, la création d'une application JavaScript côté client devient plus facile pour les utilisateurs.