在现代 Web 应用程序开发中，Web 缓存是一种能够提高性能和可伸缩性的解决方案。Web 缓存的基本原理是缓存已经访问的数据，当用户再次访问相同的数据时，直接从缓存中返回，减少数据库和服务器等资源的负荷。然而，为应用程序提供 Web 缓存功能并不是一件容易的事情。在 Fastify 框架中，我们可以通过使用 fastify-caching 插件来轻松为应用程序提供 Web 缓存功能。
安装 fastify-caching
首先，在安装 fastify-caching 插件之前，我们需要先安装 Fastify 框架。在安装好 Fastify 框架后，可以通过以下命令来安装 fastify-caching 插件：
--- ------- ---------------
具体实现
fastify-caching 插件提供了一种简单而强大的方式来实现 Web 缓存功能。让我们看一个完整的示例来了解它的具体实现。
----- ------- - -------------------
----- -------------- - ---------------------------
----- --- - ----------
----- ----- - ----------------
-------- ----------
---------- --
---
------------ - -------------- ----- -- ----- --------- ------ -- -
------------------ ---------
---
---------------- ----- -- -
-- ----- -
-------------------
----------------
-
------------------- ------- -- ---------------------------
---在上面的代码中，我们首先引入了 Fastify 和 fastify-caching，然后创建了一个 Fastify 应用程序实例。接下来，我们定义了一个名为 cache 的缓存配置对象，其中 privacy 属性设置为 'private'，表示缓存内容只针对单个用户（因为缓存内容是基于请求URL和标头来生成的）。expiresIn 属性设置为 60 秒，表示缓存将在 60 秒后过期。
接着，我们使用 app.get() 方法创建了一个 HTTP GET 路由，并将 beforeHandler 方法传递给它，这是一个 fastify-caching 插件中提供的中间件函数。在这个路由处理程序中，我们只是简单地发送了一个 “Hello, World!” 字符串，由于 beforeHandler 中间件缓存了服务器的响应，所以当客户端再次请求相同的 URL 时，响应将直接从缓存中返回。
最后，我们使用 app.listen() 方法监听端口，当服务器启动时，我们将在控制台上看到服务器运行的地址和端口。
操作步骤
首先，安装 Fastify 和 fastify-caching 插件，可以在终端执行以下命令：
--- ------- ------- --- ------- ---------------
创建一个名为 index.js 的文件，并复制上述示例代码。
执行以下命令启动应用程序：
---- --------
在浏览器中访问 http://localhost:3000，将会看到一个 “Hello, World!” 字符串。
在 60 秒内多次刷新页面，就会发现缓存已经生效，打开开发者工具的 Network 查看，可以看到只有第一次请求会是 200 OK，之后都会变成 304 Not Modified。
结论
在本文中，我们学习了如何在 Fastify 框架中使用 fastify-caching 插件来实现 Web 缓存功能。通过使用这个插件，我们可以轻松缓存服务器的响应，并提高应用程序的性能和可伸缩性。希望这篇文章对您有所帮助！
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/67343bce0bc820c58247a242