HapiJS 学习笔记五之 Inert
前言
在前端开发的过程中，我们经常需要在页面上显示各种各样的文件，如图像、字体、视频、音频等等。虽然可以通过编写后台代码来实现文件的下载和展示功能，但是这种方式并不方便，容易引起代码混乱，增加代码复杂度，降低代码的可维护性。HapiJS 的 Inert 插件正是解决这种问题的好帮手。
Inert 插件介绍
Inert 是一个 HapiJS 插件，它提供了一种简单的方法来在 HapiJS 应用程序中提供静态文件，如图像、CSS、JavaScript 等静态资源。它可以识别和处理文件的缓存，还可以为文件提供响应式头信息，如 ETag，Last-Modified 等。此外，它还支持特定于扩展名的配置，允许您自定义不同类型的静态文件处理方式。
使用 Inert 插件
在安装 Inert 插件之前，需要先安装好 HapiJS 框架。可以使用以下命令来安装 Inert 插件：
npm install inert
然后在 HapiJS 应用程序中注册插件并指定访问静态资源的目录。
首先在项目中注册插件并指定访问静态资源的目录：
-- -------------------- ---- -------
----- ---- - ----------------------
----- ----- - -----------------------
----- ---- - ----- -- -- -
----- ------ - -------------
----- -----
----- -----------
---
----- -----------------------
--------------
------- ------
----- ------------
-------- -
---------- -
----- ---------
-
-
---
----- ---------------
------------------- ------- --- ---------------------
--
-------------------------------- ----- -- -
-----------------
----------------
---
-------在上面的示例代码中，我们首先导入了 Inert 插件，然后将其注册到 HapiJS 应用程序中，在 server.route() 方法中添加了一个路由，其路径为 'public' 目录下的所有文件路径。最后，通过 server.start() 方法开启了服务器。
当访问应用程序时，它会检索指定目录中的文件，然后向客户端返回对应的文件，这是非常方便和高效的。
Inert 插件配置
使用 Inert 插件可以非常容易地在 HapiJS 中提供静态文件服务。这是因为 Inert 插件默认提供了目录浏览功能和文件下载功能，支持 HTML、CSS、JavaScript 等文件的压缩和缓存。
虽然 Inert 插件默认的配置是适用于绝大多数情况的，但是在实际开发项目中，我们可能需要根据不同的需要对其进行定制化的配置。
以下是一些常用的 Inert 配置参数：
path
指定静态资源文件所在的目录路径。默认情况下，静态资源文件应存储到您的 HapiJS 应用程序根目录下的 public 目录中。
以下是指定路径为 /custom/ 的示例：
-- -------------------- ---- -------
--------------
------- ------
----- -------------------
-------- -
---------- -
----- ----------
-
-
---index
设置目录索引文件的名称。例如，如果包含指定名称的 index 文件，则在请求根目录时服务将自动提供该文件的内容。
-- -------------------- ---- -------
--------------
------- ------
----- ----
-------- -
---------- -
----- ---------
------ --------------
-
-
---showHidden
设置是否显示隐藏文件，默认情况下不显示。如果需要显示隐藏文件，可将其设置为 true。
-- -------------------- ---- -------
--------------
------- ------
----- ----
-------- -
---------- -
----- ---------
----------- ----
-
-
---Inert 插件实现文件上传
除了提供静态文件服务外，Inert 插件还可以用于文件上传功能的实现。Inert 插件提供了“ file”插件，用于实现文件上传。
下面是 Inert 实现文件上传的示例代码：
-- -------------------- ---- -------
--------------
------- -------
----- ----------
-------- -
-------- -
------- -------
------ -----
------ ----------------------
--------- -- - ---- - ---- -- --------- -- --
-
--
-------- ----- ----- -- -- -
----- ---- - ------------
-- ----------- -
----- ---- - ----------
----- ---- - -------------------
----- ---- - --------- - ----------- - -----
----- ---------- - ---------------------------
---------------------- --- -- --------------------
----------------------
------ --- ----------------- ------- -- -
-------------- -- -- -
----- ----------- - -
--------- -------------------
-------- -----------------
--
---------------------
---
---------------- ----- -- -
------------
---
---
-
------ ---------------- ------ ---------
-
---在上面的示例代码中，我们首先指定了文件上传的处理路由、请求方法和路径。然后在 options 中配置了文件上传的基本参数。在 handler 中，我们从请求参数 payload 中读取数据，然后将其写入到指定的路径中，最后返回了文件上传成功的信息。
总结
本文主要介绍了 HapiJS 的 Inert 插件，该插件提供了一种简单的方法来在 HapiJS 应用程序中提供静态文件。一方面，Inert 插件可以方便快捷地展示各种静态资源文件；另一方面，它还可以实现文件的上传功能。同时，我们还介绍了 Inert 插件的用法和常用的配置项。希望读者通过本文的学习，能够更好地理解 Inert 插件的使用方法并能够在实际开发中灵活运用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6468881a968c7c53b08b7469