Como executar um módulo NodeJS em um navegador

Nodejs Não é uma linguagem de programação, mas apenas fornece um ambiente de tempo de execução para a execução do código JavaScript. Isso o torna uma tecnologia do lado do servidor. Executando e executando processos no servidor e, portanto, realizar tarefas.

Módulo é um código encapsulado, separado do código de aplicativo principal com funcionalidade que pode ser reutilizada em todo o seu código. O NodeJS nos fornece vários repositórios de módulos de código aberto que podem nos ajudar a alcançar várias tarefas de desenvolvimento. Mas esses módulos só são úteis se você estiver criando um aplicativo do lado do servidor.

Portanto, surge uma pergunta que o que um desenvolvedor deve fazer se quiser criar um aplicativo JavaScript do lado do cliente? Bem, este artigo lhe dará a resposta, de como instalar o NodeJS para a execução de seus módulos nos navegadores, este artigo fornece tudo com tudo.

Nó Instalação JS

Antes de qualquer coisa, você precisa ter o NodeJS instalado. Para esta visita o link clicando nisso e baixe a versão LTS (recomendada).

Npm que é o Node Package Manager também será instalado automaticamente no seu sistema junto com a instalação do NodeJS. O NPM é útil, pois é um gerente de pacotes que ajuda a baixar e integrar pacotes no código JavaScript.

Agora, para verificar se o NodeJS e o NPM foram instalados no seu dispositivo, você pode executar o seguinte comando:

Nó -v
NPM -V

Como instalar o módulo NodeJS

Existem duas maneiras de baixar o módulo, local e globalmente. A diferença é que o módulo baixado globalmente pode ser acessado facilmente por todos os projetos do seu sistema. Considerando que os módulos locais só podem ser acessados ​​pelo seu projeto atual. Comando para baixar o módulo localmente:

NPM Install [Module_Name]

Para entender melhor isso, instalaremos o módulo Express, que é usado para criar APIs etc.

NPM Install Express

Isso fornecerá a você a seguinte saída.

Uma nova pasta será criada automaticamente pelo NPM com o nome "Node_modules", ele armazenará todos os seus módulos e pacotes.

Comando para baixar o módulo globalmente

É melhor instalar módulos local e globalmente. A razão é que ele permitirá que você compartilhe o comando instalado e, ao mesmo tempo, você poderá proteger as dependências. Execute o seguinte comando:

NPM Install -g [Module_name]

No exemplo seguinte, instalaremos o pacote DateFormat globalmente:

NPM Install -g DateFormat

Como usar o pacote com JavaScript

Por meio da seguinte maneira, o pacote NPM pode ser usado no JavaScript:

var dateFormat = requer ('dateFormat');
var agora = new Date ();
console.log (dataFormat (agora, "dddd, mmmm ds, sim, h: mm: ss tt"));

Mas isso causará um erro:

Por que é que? Bem, o motivo é que o NodeJS é uma tecnologia do lado do servidor. Ele vem com suas vantagens, mas uma grande desvantagem é que você não pode executar seu módulo em seu navegador sem instalar algumas ferramentas.

Como executar módulos usando o navegador nos navegadores

Ser capaz de executar um módulo de nó no navegador é extremamente benéfico. Os usuários podem usar os módulos já existentes no aplicativo JavaScript do lado do cliente sem precisar usar um servidor. Mas como isso pode ser feito? Bem, aqui vem uma ferramenta chamada BrowSerify.

BrowSerify é um módulo NodeJS da linha de comando que permite que os usuários escrevam e usem módulos NodeJs já existentes que são executados no navegador.

Como é uma ferramenta de linha de comando, os usuários precisam converter seu script escrito com nodejs em arquivo javascript para que ele possa ser adicionado com a tag html script. Vamos entender o processo passo a passo:

Em primeiro lugar, temos que instalar o navegador. Para instalação seguinte, o comando precisa ser executado:

NPM Install -g Browserify

Agora, o seguinte comando precisa ser executado para que você possa executar seu aplicativo no navegador sem nenhum erro.

Browserify Nome-of-File.pacote js -o.JS

Este comando resolverá todas as dependências e combinará seu código -fonte em um arquivo que pode ser incluído com uma única tag de script. Mas observe que esses comandos precisam ser executados cada vez que você faz alterações no seu código -fonte original.

Agora, basta substituir o nome da fonte na tag de script com “pacote.js ”no arquivo html.

Agora, se você executar este arquivo html e abrir o console, ele não exibirá nenhum erro e o resultado será exibido:

Dessa forma, você pode usar seu script facilmente através de uma única tag de script dentro de um arquivo html. Através do BrowSerify, você pode executar facilmente seus módulos em navegadores sem nenhum erro.

Conclusão

Executar um módulo de nó js em um navegador é extremamente benéfico e fornece facilidade para o usuário. Neste guia de instruções, aprendemos a executar nosso módulo de nó em um navegador. Como o NodeJS usa a tecnologia do lado do servidor, torna -se difícil para os usuários executar seu módulo no navegador. Portanto, Broswerify entra em uso. Com seus comandos fáceis de instalar, tornar os módulos do nó compatíveis com o navegador se torna uma tarefa mais fácil. Portanto, criar um aplicativo JavaScript do lado do cliente se torna mais fácil para os usuários.