Cómo ejecutar un módulo NodeJS en un navegador

Nodejs no es un lenguaje de programación, sino que solo proporciona un entorno de tiempo de ejecución para la ejecución del código JavaScript. Esto lo convierte en una tecnología del lado del servidor. Ejecutar y ejecutar procesos en el servidor y, por lo tanto, realizar tareas.

Módulo es un código encapsulado, separado del código de aplicación principal con funcionalidad que se puede reutilizar a lo largo de su código. NodeJS nos proporciona varios repositorios de módulos de código abierto que pueden ayudarnos a lograr diversas tareas de desarrollo. Pero estos módulos solo son útiles si está creando una aplicación del lado del servidor.

Por lo tanto, surge una pregunta que debe hacer un desarrollador si desea construir una aplicación JavaScript del lado del cliente? Bueno, este artículo le dará la respuesta, desde cómo instalar NodeJS hasta ejecutar sus módulos en los navegadores, este artículo le proporciona todo.

Instalación del nodo JS

Antes de nada, debe tener instalado NodeJS. Para esta visita al enlace haciendo clic en esto y descargue la versión LTS (recomendada).

Npm que es Node Package Manager también se instalará automáticamente en su sistema junto con la instalación de NodeJS. NPM es útil ya que es un administrador de paquetes que ayuda a descargar e integrar paquetes en el código JavaScript.

Ahora, para verificar si se han instalado NodeJS y NPM en su dispositivo, puede ejecutar el siguiente comando:

Nodo -v
npm -v

Cómo instalar el módulo NodeJS

Hay dos formas en que puede descargar el módulo, local y globalmente. La diferencia es que el módulo descargado a nivel mundial puede ser accedido fácilmente por todos los proyectos de su sistema. Mientras que los módulos locales solo pueden acceder mediante su proyecto actual. Comando para descargar módulo localmente:

NPM Install [MODULE_NAME]

Para comprender mejor esto, instalaremos el módulo Express, que se utiliza para la construcción de API, etc.

NPM Install Express

Le proporcionará la siguiente salida.

NPM creará automáticamente una nueva carpeta por el nombre "Node_Modules", almacenará todos sus módulos y paquetes.

Comando para descargar módulo a nivel mundial

Es mejor instalar módulos tanto locales como a nivel mundial. La razón es que le permitirá compartir el comando instalado y al mismo tiempo podrá proteger las dependencias. Ejecute el siguiente comando:

NPM Install -g [MODULE_NAME]

En el siguiente ejemplo, instalaremos el paquete DateFormat a nivel mundial:

NPM instalación -g dateFormat

Cómo usar el paquete con JavaScript

De la siguiente manera, el paquete NPM se puede usar en el JavaScript:

var dateFormat = require ('dateFormat');
var ahora = nueva fecha ();
consola.log (dateFormat (ahora, "dddd, mmmm ds, aaa yyyy, h: mm: ss tt"));

Pero esto causará un error:

Porqué es eso? Bueno, la razón es que NodeJS es una tecnología del lado del servidor. Viene con sus ventajas, pero un inconveniente importante es que no puede ejecutar su módulo en su navegador sin instalar algunas herramientas.

Cómo ejecutar módulos usando navegador en navegadores

Poder ejecutar un módulo de nodo en el navegador es extremadamente beneficioso. Los usuarios pueden usar módulos ya existentes en la aplicación JavaScript del lado del cliente sin tener que usar un servidor. Pero, cómo se puede hacer esto? Bueno, aquí viene una herramienta llamada Navegador.

Navegador es un módulo NodeJS de línea de comando que permite a los usuarios escribir y usar módulos NodeJS ya existentes que se ejecutan en el navegador.

Como es una herramienta de línea de comandos, los usuarios deben convertir su script escrito con NodeJS a JavaScript File para que pueda agregarse con la etiqueta de script HTML. Entendamos el proceso paso a paso:

En primer lugar, tenemos que instalar Browserify. Para la instalación, se debe ejecutar el siguiente comando:

NPM Install -G Browserify

Ahora, el siguiente comando debe ejecutarse para que pueda ejecutar su aplicación en el navegador sin ningún error.

Browserificar nombre de archivo.js -o paquete.js

Este comando resolverá todas las dependencias y combinará su código fuente en un archivo que se puede incluir con una sola etiqueta de script. Pero tenga en cuenta que estos comandos deben ejecutarse cada vez que realice cambios en su código fuente original.

Ahora, simplemente reemplace el nombre de la fuente en la etiqueta de script con "Bundle.JS ”en el archivo HTML.

Ahora, si ejecuta este archivo HTML y abre la consola, no mostrará ningún error y se mostrará el resultado:

De esta manera, puede usar fácilmente su script a través de una sola etiqueta de script dentro de un archivo HTML. A través de Browserify, puede ejecutar fácilmente sus módulos en los navegadores sin ningún error.

Conclusión

Ejecutar un módulo de nodo JS en un navegador es extremadamente beneficioso y le brinda facilidad al usuario. En esta guía de instrucciones aprendimos a ejecutar nuestro módulo de nodo en un navegador. A medida que NodeJs usa la tecnología del lado del servidor, se vuelve difícil para los usuarios ejecutar su módulo en el navegador. Por lo tanto, Broswerify entra en uso. Con sus comandos fáciles de instalar, hacer que los módulos de nodo del navegador sean compatibles con una tarea más fácil. Por lo tanto, crear una aplicación JavaScript del lado del cliente se vuelve más fácil para los usuarios.