Introdução ao Express Views
É o mecanismo de renderização de páginas HTML a partir de um motor de visualização (EJS é mais similar com o HTML).
Configuração
- Instalar o EJS com NPM
$ npm install ejs- Especificar o diretório que contém os template views (arquivos com extensão
.ejs):
set(
[nome do diretório],
[caminho do diretório]
)Warning
É recomendável informar o caminho absoluto do
[caminho do diretório], pois o caminho relativo pode gerar erros.
// server.js
app.set("views", path.resolve(__dirname, "src", "views"));- Configurar o EJS como motor de visualização no Express:
// server.js
app.set("view engine", "ejs");- Criar os template views:
<!-- index.ejs -->
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Testes</title>
</head>
<body>
<h1>Eu fui renderizado</h1>
</body>
</html>- Definir a função do end-point responsável por renderizar a página:
// homeController.js
exports.paginaInicial = (req, res) => {
res.render("index");
};Observação
Não é necessário informar a extensão do arquivo de visualização.