Handlebars es un motor de plantillas ampliamente utilizado y fácil de usar. Las páginas contienen la extensión .hbs y hay muchos otros motores de plantillas en el mercado como EJS, Moustache, etc.
Instalación del módulo hbs:
- Puede visitar el enlace Instalar módulo hbs . Puede instalar este paquete usando este comando.
npm install hbs
- Después de instalar el módulo hbs, puede verificar su versión de hbs en el símbolo del sistema usando el comando.
npm version hbs
- Después de eso, puede crear una carpeta y agregar un archivo, por ejemplo, index.js. Para ejecutar este archivo, debe ejecutar el siguiente comando.
node index.js
- Para configurar el motor de visualización de hbs, debe escribir este middleware en su index.js de la siguiente manera:
app.set('views', path.join(__dirname)) app.set('view engine', 'hbs') - Ahora crea el archivo y ejecuta el código. Mostrará el resultado.
Nombre de archivo: Home.hbs
<!DOCTYPE html>
<html>
<head>
<title>Handlebars Demo</title>
</head>
<body>
<!-- For loop demo -->
{{#each array}}
<h4>{{this}}</h4>
{{/each}}
<h4>{{message}}</h4>
</body>
</html>
Nombre de archivo: index.js
const express = require('express')
const path = require('path')
const hbs = require('hbs')
const app = express()
// View Engine Setup
app.set('views', path.join(__dirname))
app.set('view engine', 'hbs')
app.get('/', function(req, res){
res.render('Home', {
array: ['One', 'Two', 'Three', 'Four'],
message: 'Greetings from geekforgeeks'
})
})
app.listen(8080, function(error){
if(error) throw error
console.log("Server created Successfully")
})
Pasos para ejecutar el programa:
- La estructura del proyecto se verá así:
- Asegúrese de haber instalado hbs y express module usando los siguientes comandos:
npm install hbs npm install express
- Ejecute el archivo index.js con el siguiente comando:
node index.js
- Abra el navegador y escriba esta URL: http://localhost:8080/ . Luego verá la página Home.hbs como se muestra a continuación:
Así es como puede configurar el motor de vista Handlebars (hbs) en node.js. Existen muchos otros motores de manillar como EJS, Moustache, etc.
Publicación traducida automáticamente
Artículo escrito por gouravhammad y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA