本篇文章将介绍如何使用 Hapi 框架搭建单页应用。
什么是 Hapi？
Hapi 是一个用于构建 Web 应用程序的开源框架。它提供了整个应用程序的基础构件，使用 Hapi 框架，开发者可以更加专注于业务逻辑的开发。Hapi 能够传递请求和响应数据，提供处理与链接数据库、缓存等复杂操作的工具。
为什么使用 Hapi？
Hapi 全面的可定制性让开发者可以轻易解决大规模应用程序的需要，同时秉持一贯的 API 设计，让开发人员无需担心版本升级时出现的混乱。
此外，Hapi 不仅仅是一个框架，还是一套良好的工具链，它提供了健壮的插件体系，使得开发者可以通过这些插件扩展实现丰富的功能，同时 Hapi 也提供路由管理、错误处理、请求验证等各种方便的支持。综合来看，使用 Hapi 进行开发能够大大的提升开发效率。
如何搭建单页应用？
以下是使用 Hapi 框架搭建单页应用的简单实例。
环境准备
在开始搭建之前，需要先安装 Node.js 版本 v12 及以上。在本地新建一个文件夹，进入该文件夹并且打开命令行，运行以下命令：
npm i -g hapi npm init -y
执行完毕之后，将会新建一个名为 package.json 的文件。
安装依赖
在命令行中输入如下命令安装 Hapi 框架及所需的依赖
npm install @hapi/hapi @hapi/inert @hapi/vision ejs inert
@hapi/hapi 是 Hapi 的基础库。@hapi/inert 允许我们托管静态数据。@hapi/vision 为 Hapi 提供了模板渲染的支持。ejs 是我们将会使用的模板渲染器。inert 是用来处理静态文件的。
编写代码
在项目的根目录下新建一个名为 index.js 的文件，并加入以下内容：
-- -------------------- ---- -------
---- --------
----- ---- - ----------------------
----- ---- - ----------------
----- ---- - ----- -- -- -
----- ------ - -------------
----- -----
----- ------------
------- -
------ -
----------- -------------------- ---------
-
-
---
----- ----------------------------------------
--------------
------- ------
----- ----
-------- -------- --------- -- -
------ --------------- - ------ ----- ----- ---
-
---
--------------
------- ------
----- ------------
-------- -
---------- -
----- ----
---------------- -----
------ ----
-
-
---
----- -----------------------------------
--------------
-------- - ---- -------------- --
----------- ----------
----- -----------
---
----- ---------------
------------------- ------- -- ---- -----------------
--
-------------------------------- ----- -- -
-----------------
----------------
---
-------这份代码含义如下：
const server = Hapi.server({'port': 3000, 'host': 'localhost', 'routes': {'files': {'relativeTo': Path.join(__dirname, 'public')}})：创建一个 Hapi 服务，并指定端口、主机和静态文件目录。await server.register(require('@hapi/inert'));：注册 inert 插件以支持静态文件服务。server.route({...})：创建一个 Hapi 路由，并为根URL指定视图模板。server.route({...})：创建一个 Hapi 路由来托管所有静态文件和文件夹。await server.register(require('vision'));：注册 vision 插件以启用视图渲染功能。server.views({...})：指定视图引擎、视图文件的根目录。await server.start(); console.log('Server running on %s', server.info.uri);：启动服务器。
启动应用
在命令行中输入 node index.js，启动应用程序。然后，打开浏览器并输入 http://localhost:3000/，应该可以看到一个简单的页面。在这个页面上，你可以添加一些 CSS、JavaScript 和其他静态资源，以创建你自己的单页应用。
总结
本篇文章介绍了使用 Hapi 框架搭建单页应用的基本步骤，同时介绍了为什么使用 Hapi 框架进行开发。当然，这只是一个基础的示例。在实际应用中，你还可以定义更多的路由和控制器，来处理更加复杂的业务逻辑。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/648cfed748841e9894b4a0fa