Hapi 框架在建立 Web 应用程序时提供了灵活且易扩展的结构。其中一个重要的组成部分是如何处理静态资源的管理。通过版本管理技巧，您可以使用适当的标记机制使您的 Web 应用程序保持最新，同时减少可能的错误。
什么是版本管理？
在 Web 应用程序中，版本控制是一种技术，它将 Web 页面、样式表和 Javascript 文件分配给具有独特名称的版本。这些版本可以帮助您在 Web 应用程序的多个版本之间移动并跟踪可能出现的错误。此外，如果网络上的缓存失效，使得标记不正确的新文件直接加载，版本控制可以确保资源的正确性和最新性。
Hapi框架中的版本控制
在 Hapi 框架中，我们可以使用 inert 插件来处理静态文件。该插件提供了一个 file handler，可以将静态文件分配给版本。因此，你可以使用这个file handler来管理你的静态资源的版本。
使用inert 插件创建文件处理程序
我们先使用 npm 安装 inert 插件。
npm install --save inert
在这里，我们使用 path 模块来指定静态文件的路径。在 Hapi 框架中，path.join 是跨平台的文件路径构建工具，用于创建具有正确斜杠方向的路径。
-- -------------------- ---- -------
----- ----- - -----------------
---
----- -----------------------
-- ------
----- -------- - -------------------- ----------
----- --------------
------- ------
----- ------------ -- ------
-------- -
---------- -
----- --------
-
-
---此 file handler 中的 {param*} 参数将匹配所有的 URL 路径。此外，您还可以使用先前提到的版本管理技巧处理您的 Web 静态资源版本。
版本控制技巧使用示例
假设我们已有以下两个版本的应用程序资源：v1 和 v2。
/public/js/app.js的 v1 和 v2 版本。/public/css/main.css的 v1 和 v2 版本。
为了在 Web 应用程序中管理这些版本，我们可以在标记中使用文件的参数(version) 来实现。
带版本的文件路径
在您的 HTML 文件中，添加版本参数以避免缓存问题：
<!-- 带版本的app.js --> <script src="/js/app.js?v=1"></script> <!-- 带版本的main.css --> <link rel="stylesheet" href="/css/main.css?v=1">
这样，浏览器就会将所有版本视为不同的资源，因此他们不会缓存、更新、或导致旧资源的错误问题。
实现带版本的文件路径
我们可以使用 myapp.version 属性来改变文件路径，以便在代码中生成版本控制参数。
-- -------------------- ---- -------
------------------------- ---------- - -------------
----------- -------
---
-------------- ------------
------- ------
----- ----
-------- --------- -- -- -
--- -------- - -------------------- ----------
-------- -- ---------------- - ---------------------------------- -------
------ -----------------
-
---在上面的示例中，我们添加了一个 myapp.version 属性来存储应用程序的版本。然后，在处理程序中，我们可以使用此版本信息更改文件的路径，以便在代码中为文件添加新的版本控制参数。
结论
在 Hapi 框架中使用静态资源版本管理可确保您的 Web 应用程序保持最新，同时减少可能出现的错误。使用相关的技巧可以帮助您管理静态资源的版本，并在代码中很容易地生成与版本相关的参数。这些措施将有助于确保 Web 应用程序的资源得到正确管理和最大化使用的价值。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/672326412e7021665e0e9f03