Tutorial Node.js: Como usar o engine EJS?

Pedro Pinto
Nov 7 · 3 min read

O Node.js é uma das linguagens de programação mais versáteis da atualidade. Com a possibilidade de adicionar pacotes (packages), facilmente construímos aplicações e serviços poderosos.

Aprende hoje como podem usar o engine EJS.


O que é o engine EJS?

Chama-se Embedded JavaScript templating (EJS) e é uma linguagem de modelagem simples que permite gerar marcação HTML com JavaScript simples. Como principais características, destaque para:

  • Uso de JavaScript
  • Simples para desenvolver aplicações/serviços
  • Muito fácil de fazer debugging
  • Sintaxe simples
  • Enorme comunidade que ajudam no desenvolvimento e utilização do EJS

Toda a informação sobre o EJS pode ser consultada aqui.

Como usar o engine EJS com o nodeJS?

A primeira coisa que devemos fazer é instalar o EJS. Para tal basta ir ao terminal e executar o seguinte comando:

npm install ejs -save

Para este exemplo vamos criar a estrutura apresentada na seguinte imagem. Um diretório para o nosso projeto, um diretório com o nome views onde vamos ter vários subdiretórios e o nosso ficheiro “main” da aplicação vamos dar-lhe o nome app.js.

Com o ejs em vez de termos todo o código misturado num único ficheiro e toda a estrutura num único diretório, passamos a ter o nosso projeto melhor organizado.

Depois de executarmos o comando npm init, para iniciar o nosso projeto, iniciamos a programação do mesmo.

Para isso, dentro do nosso ficheiro app.js começamos por invocar o pacote express e depois definimos como “view engine” o ejs.

app.set(‘view engine’, ‘ejs’)

Como se pode ver pela programação seguinte, todo o nosso código passa a estar melhor organizado. Por exemplo, quando o cliente solicitar um pedido da página principal, a aplicação devolve a página que está em /home/index.

Nota: Na resposta usamos agora o método render, para fazer a “renderização” dá página HTML solicitada.

Não é preciso indicar a extensão (ejs), isto porque já definimos no nosso código que o view engine é ejs. De referir que o ficheiro /home/index.ejs deve ter a extensão .ejs.

Outro exemplo. Se o cliente solicitar a página de registo, a nossa aplicação faz a renderização da página /registo/form_registo e envia resultado para o cliente.

Depois de realizar toda a programação necessária, como foi apresentada aqui neste tutorial, basta executar a aplicação usando o comando node app.js e verificar se está tudo a funcionar.

Pedro Pinto

Written by

Pedro Pinto é Administrador do site Pplware.com. Mestre em Computação Móvel pelo Instituto Politécnico da Guarda

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade