前言
Hapi.js 是一个优秀的 Node.js Web 应用程序框架，用于构建可伸缩的应用程序。与 Express 框架不同，Hapi.js 被设计为专注于 Web 应用程序的安全性和可扩展性。而 Handlebars 是一个流行的模板引擎，它基于 Mustache 模板语言，并添加了更多功能。本文将为大家介绍如何在 Hapi.js 中使用 Handlebars 模板引擎。
安装
首先我们需要安装 Hapi 和 handlebars，可以使用 npm 命令进行安装：
npm install hapi handlebars --save
使用
在安装完成后，我们需要在 Hapi 应用程序中注册 Handlebars 引擎。下面是一个示例：
-- -------------------- ---- -------
----- ---- - ----------------
----- ---------- - ----------------------
----- ------ - --- -------------
----- -----
----- -----------
---
---------------------------------- ----- -- -
-- ----- -
----- ----
-
--------------
-------- -
----- ----------
--
----------- ----------
----- -------
---
---在此示例中，我们加载了 Hapi 和 Handlebars 模块，然后创建了一个 Hapi 服务器实例。接着我们使用 server.register 方法注册了 Vision 插件和 Handlebars 引擎。relativeTo 参数用于设置相对路径，path 参数用于设置视图文件的路径。
视图
在上述示例中，我们已经设置了 Handlebars 引擎。现在我们需要创建视图文件。在这里，我们将创建一个简单的 Handlebars 模板，它将渲染一个页面标题和一条简短的消息。
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
------------------------
-------
------
------------------
------------------
-------
-------在这个模板中，我们使用 {{}} 来包含变量并输出其值。模板引擎将根据模板文件和给定的数据对象生成 HTML 输出。
路由
在创建了视图文件和设置了 Handlebars 引擎之后，我们需要将路由和视图关联起来。下面是一个简单的示例：
server.route({
method: 'GET',
path: '/',
handler: (request, h) => {
return h.view('index', { title: 'Hapi.js', message: 'Hello World!' });
}
});在这个示例中，我们使用 server.route 方法创建了一个路由，它将处理根路径的 GET 请求。然后，我们使用 h.view 方法呈现了视图。这个方法接受两个参数：视图的名称和数据对象，这个数据对象将用于在 Handlebars 模板中替换变量。
现在，当我们访问 http://localhost:3000 的时候，我们将会看到一个标题为 “Hapi.js”、包含 “Hello World” 消息的页面。
总结
在本文中，我们学习了如何在 Hapi.js 中使用 Handlebars 模板引擎，并编写了一个简单的示例。这仅是 Handlebars 的一小部分，它还具有更多高级功能，例如部分视图和助手。了解这些功能可以使您更好的利用 Handlebars 构建更复杂、更具表现力的模板。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/664ed3f0d3423812e4f7007c