- Vamos a usar EJS
npm install ejs
- En el app.js...
app.set('view engine', 'ejs');
El método app.set() se utiliza para todo lo que queramos configurar en express, en este caso el motor de plantillas (vistas).
-
La vistas irán en la carpeta views (a menos que configuremos otra cosa) y llevarán la extensión .ejs
-
Finalmente, si usan Visual Studio Code, les recomiendo installar la extención EJS languaje support o alguna similar.
Con un motor de plantillas ya no podemos usar res.sendfile() porque el archivo es ahora dinámico y tiene que renderizarse, por esta razón a partir de ahora usaremos res.render()
res.render('vista');
Cuando hacemos render, podemos enviar datos a la vista para que estén disponibles. Eso lo hacemos agregando un segúndo parámetro al método render().
res.render('vista', {dato: valor});
Permite implementar lógica de JavaScript en en archivo HTML.
<% tu javascript aquí %>
<!-- HTML por aquí -->
<% tu javascript aquí %>
Permite imprimir en el HTML.
<%= lo que vayas a imprimir aquí %>
Permite incluir otros archivos .ejs dentro del actual.
<%- include('path/relativo') %>
También podemos pasarle parámetros
<%- include('path/relativo', {dato: valor}) %>
<%# Comentario %> <%/* Comentario */%>
<%// Comentario %>`