Header Ads Widget

Ticker

6/recent/ticker-posts

Uso y ejecución de módulos Node.js en el navegador

 En este tutorial rápido, aprenderemos a usar y ejecutar módulos Node.js en el navegador.

Node.js tiene el repositorio de módulos de código abierto más grande del mundo, que resuelve muchos problemas de desarrollo comunes y poco comunes. Puede encontrar fácilmente un módulo para casi cualquier funcionalidad que esté buscando, de modo que pueda concentrarse en resolver sus requisitos específicos, sin reinventar la rueda, y aumentar su productividad.

Puede aprovechar estos módulos cuando solo esté trabajando en entornos Node.js, es decir, cuando esté creando una aplicación JavaScript del lado del servidor. ¿Qué tal cuando necesitas crear una aplicación JavaScript del lado del cliente?

El tiempo de ejecución de Node.js no existe en el cliente, solo tiene el navegador que no puede hacer uso de los módulos de Node.js. Te escuchamos decir, ¡qué gran desperdicio!

¿Pero adivina que? Gracias a algunos desarrolladores inteligentes, ahora es posible usar módulos Node.js en navegadores, no directamente, pero se puede hacer.

Poder llamar a los módulos Node.js desde JavaScript que se ejecutan en el navegador puede presentar muchos beneficios porque puede explotar los módulos Node.js para las aplicaciones JavaScript del lado del cliente sin tener que usar un servidor con Node.js solo porque necesita implementar un funcionalidad que ya está disponible como módulo Node.js.

Aquí viene el rol de Browserify, que en sí mismo es un módulo de Node.js. Browserify le permite requerir módulos de JavaScript que se ejecutan en el navegador para que pueda explotar los módulos de Node.js ya disponibles, pero también puede usarlo para explotar el sistema modular de Node.js para estructurar sus aplicaciones de JavaScript del lado del cliente.

Los navegadores no tienen el sistema require / export o el módulo de importación que existe en la plataforma Node.js; Browserify permite usar el sistema de importación Node.js.

Browserify es una herramienta de línea de comandos, lo que significa que debe convertir sus scripts escritos con el sistema modular Node.js en un archivo javascript clásico que se puede incluir con la etiqueta de script HTML o cualquier mecanismo de navegador disponible.

Suponga que ha escrito el código fuente de su aplicación usando la sintaxis require para importar un módulo Node.js útil. Ahora, para poder usar su aplicación en el navegador sin errores, necesita usar Browserify y ejecutar el siguiente comando:

browserify app.js -o bundle.js

Browserify resuelve todas las dependencias, las concatena y las agrupa en un archivo JavaScript que puede incluir con una sola etiqueta de script.

También puede usar browserify para aprovechar el sistema modular e de importación de Node.js, es decir, requerir end module.exports para estructurar sus aplicaciones de JavaScript del lado del cliente, especialmente si está familiarizado con este sistema, para que no tenga que aprender otro sistema de importación para el navegador como requirejs o commonjs.

¿Cómo utilizar Browserify?

Entonces, en primer lugar, ejecute su terminal de línea de comandos y escriba el famoso comando npm install para instalar browserify:

npm install -g browserify

A continuación, cree su carpeta de proyecto de ejemplo

mkdir ytdl

Crea un main.jsarchivo JavaScript dentro de ytdl

A continuación, debe instalar el módulo que desea usar o convertir a un script compatible con el navegador

npm install -g ytdl-core

A continuación, main.jssolicite el módulo como lo hace normalmente con los módulos node.js:

var yt = require('ytdl-core');
console.log(yt);

Ahora que comience la magia, llame a browserify con la entrada es main.jsasígnele un nombre para la salida.

browserify main.js -o ytdl.js
...

Ahora puede usar su secuencia de comandos tan fácilmente como usar una etiqueta de secuencia de comandos

<script src="ytdl.js"></script>
...

Conclusión

En este tutorial, hemos visto cómo usar Browserify para usar módulos Node.js en el navegador.

Publicar un comentario

0 Comentarios