在现代 Web 开发中，前端页面渲染往往采用模板引擎来实现。其中，Handlebars 是一个 JavaScript 模板引擎，利用预编译技术实现了数据与表现的分离，保证了良好的可维护性和可扩展性。
Hapi.js 是 Node.js 中的一个 Web 框架，它强调路由处理和安全性，并提供了一套丰富的生态系统。Hapi.js 支持多种模板引擎，包括 EJS、Jade 和 Handlebars。本文将介绍在 Hapi.js 中如何使用 Handlebars 进行模板渲染。
安装 Handlebars 和 Vision
在使用 Handlebars 进行模板渲染前，需要先安装 Handlebars 和 Vision。其中，Handlebars 是 Hapi.js 支持的一个模板引擎，而 Vision 是 Hapi.js 的一个视图管理插件，用于呈现并缓存视图。可以通过以下命令安装它们：
npm install handlebars --save npm install @hapi/vision --save
注册 Handlebars 和 Vision
安装完 Handlebars 和 Vision 后，需要在应用中注册它们。在 Hapi.js 中，可以使用 server.register() 方法进行注册。
-- -------------------- ---- -------
----- ---------- - ----------------------
----- -----------------------------------------
--------------
-------- -
----- -----------
--
----------- ----------
----- --------
---在这段代码中，首先加载了 handlebars 模块，并注册了 Vision。然后，使用 server.views() 方法配置了 Handlebars 的视图参数。其中，engines 设置了要使用的引擎，这里选择了 Handlebars。relativeTo 和 path 分别指定了 Handlebars 视图文件的路径。
创建 Handlebars 视图
创建 Handlebars 视图非常简单。只需在指定的目录下创建一个 .html 后缀的文件，并在其中编写 Handlebars 模板。例如，创建一个名为 index.html 的文件，并使用类似下面的代码编写 Handlebars 模板：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
------------------------
-------
------
------------------
------------------
-------
-------在这个模板中，使用 Mustache 语法来插入数据。花括号中的变量名代表了要插入的数据字段。
使用 Handlebars 渲染视图
在视图创建完成后，可以在 Hapi.js 的路由处理程序中使用 h.view() 方法来进行视图渲染。例如：
-- -------------------- ---- -------
--------------
------- ------
----- ----
-------- --------- -- -- -
------ --------------- -
------ -------- ------
-------- ----- -- - ---------- ---- -- ---------
---
-
---在这个路由处理程序中，使用 h.view() 方法进行视图渲染。index 参数指定了要渲染的视图文件名称（无需包含 .html 后缀）。第二个参数是一个对象，用于提供 Handlebars 视图模板中需要的数据。在这个例子中，视图模板使用了 title 和 content 变量，因此需要在这个对象中提供这两个变量的值。
视图缓存
与其他视图引擎类似，Handlebars 也会在多次访问相同载入的视图时进行缓存，以便提高其性能。Hapi.js 也是如此。因此，当在生产环境中运行应用程序时，需要启用视图缓存，以提高性能。
server.views({
engines: {
html: handlebars,
},
relativeTo: __dirname,
path: 'views',
isCached: process.env.NODE_ENV === 'production'
});这个代码使用 isCached 选项指定在什么情况下启用视图缓存。在这个例子中，如果环境变量 NODE_ENV 的值为 'production'，则启用视图缓存。
总结
在本文中，我们介绍了如何在 Hapi.js 中使用 Handlebars 进行模板渲染。通过安装 Handlebars 和 Vision，并在应用中注册它们，我们可以轻松地生成 Handlebars 模板。同时，在路由处理程序中使用 h.view() 方法将数据传递给视图来进行渲染。
从总体上看，使用 Handlebars 进行模板渲染有助于分离表现层和数据层，提高代码的可维护性。因此，对于现代 Web 应用程序来说，它是不可或缺的。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6503b49495b1f8cacd07aee0