如果你是前端开发者，可能已经熟悉了 HTML、CSS、JavaScript 等技术。但是，当需要搭建一个后端应用程序时，你可能需要学习新的技术，例如 Node.js、Express、Koa 等。今天，我们将介绍一款既能够搭建后端应用程序，又能够使用纯粹的 HTML、CSS、JavaScript 的框架：HapiJS。
HapiJS 简介
HapiJS 是一个使用 Node.js 构建的 Web 框架，旨在提供强大可靠的服务端应用程序。它的主要特点包括支持插件式开发、自定义插件以及完备的测试工具等。在 HapiJS 中，除了使用传统的 MVC 模式来搭建应用，你还可以基于插件来开发自己的应用。这意味着，你可以从一个比较基础的模板开始，逐渐添加不同的插件来定制自己的应用。这样设计的好处在于，代码结构层次分明，易于拓展，也更加容易维护。
HapiJS 视图插件：Vision
在 HapiJS 中，视图插件是一个重要的工具。借助于视图插件，我们可以在不同的路由处理器中渲染出 HTML 页面。HapiJS 自带了一个视图插件叫做 Vision。在使用 Vision 时，你需要先安装 Handlebars 或 EJS 等支持模板语言的依赖。
安装依赖
在本文中我们以 Handlebars 为例，这里列出安装依赖的命令：
npm install @hapi/vision handlebars --save
注意：如果你使用的是 EJS，则需要安装 ejs 包，同时在服务端代码中指定 EJS 渲染器。
引入插件
在安装好依赖之后，我们需要在服务程序中先引入插件。示例代码如下：
-- -------------------- ---- -------
---- --------
----- ---- - ----------------------
----- ---- - ----------------
----- ---- - ----- -- -- -
----- ------ - -------------
----- -----
----- -----------
---
-- --------
----- -----------------------------------------
-- ------
--------------
-------- -
----- ---------------------
--
----- -------------------- --------
---
--------------
------- ------
----- ----
-------- --------- -- -- -
------ --------------- ------- ------- ---------
-
---
----- ---------------
------------------- ------- --- ---------------------
--
-------------------------------- ----- -- -
-----------------
----------------
---
-------上述代码中，我们注册了 Vision 的插件，然后指定了 Handlebars 作为 HTML 模板引擎。在 server.views() 的 options 中，我们指定了路径为 views，这是因为我们在 views 目录中存放了页面渲染的模板文件。
创建模板
在 views 目录下创建一个名为 index.html 的文件，示例代码如下：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
------------------------
-------
------
------------------
---------- -- -----------
-------
-------这是一个非常基础的 HTML 页面。在 <title> 和 <h1> 标签中，我们插入了变量 title，这个变量将在服务器端通过视图引擎进行渲染。
运行程序
通过上面的步骤，我们已经成功搭建了一个基于 HapiJS 的视图引擎应用程序。接下来，我们可以在终端中执行以下命令，启动我们的服务器：
node index.js
在浏览器中输入 http://localhost:3000，你将会看到渲染后的页面。页面的 <title> 和 <h1> 标签都显示了我们期望的值。
总结
在本文中，我们介绍了 HapiJS 框架以及其与视图插件 Vision 相关的知识。借助于 Vision 插件，我们可以轻松地将自己的 HTML / CSS / JavaScript 应用程序搭建在 HapiJS 服务器上。通过动态渲染 HTML 页面，我们能够更好地控制用户端的响应，将数据呈现得更加鲜活。如果你想从零开始搭建一个自己的服务器应用程序，HapiJS 将是一个不错的选择。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6486593648841e98944ee786