Node.js 实战：深入理解服务器强缓存和协商缓存

2023-12-07 01:15:02

在现代 Web 开发中，缓存机制至关重要，因为它可以显着提高网站的性能和用户体验。在 Node.js 中，我们可以使用 Express.js 或 connect-cache 等模块来轻松实现缓存。在这篇文章中，我们将深入探讨服务器强缓存和协商缓存，并通过一个 Node.js 实战案例来展示它们的实现。

强缓存

强缓存是一种简单而有效的缓存机制，在向服务器发送请求之前，浏览器会根据请求头部携带的 Cache-Control 或 Expires 来尝试命中强缓存。如果命中，则直接返回资源，不再向服务器发送请求。

强缓存的优点是简单高效。它的缺点是可能会导致内容过时。因此，对于经常更新的资源，强缓存并不合适。

协商缓存

协商缓存是一种更灵活的缓存机制，它允许浏览器与服务器协商以确定缓存的资源是否仍然是最新的。当浏览器发送请求时，它会附带一个 If-Modified-Since 或 If-None-Match 头部，其中包含资源上次修改的时间或 ETag。服务器会根据这些头部来确定资源是否已修改，如果未修改，则返回一个 304 Not Modified 状态码，浏览器将使用缓存中的资源。

协商缓存的优点是它既可以提高性能，又可以确保内容是最新的。它的缺点是需要额外的服务器处理，并且可能会增加服务器的负载。

Node.js 实战

接下来，我们将通过一个 Node.js 实战案例来展示如何实现强缓存和协商缓存。

const express = require('express');
const app = express();

// 设置强缓存
app.get('/strong-cache', (req, res) => {
  res.setHeader('Cache-Control', 'max-age=3600');  // 缓存 1 小时
  res.send('Hello, World!');
});

// 设置协商缓存
app.get('/negotiated-cache', (req, res) => {
  res.setHeader('ETag', '123');  // 资源的 ETag
  res.send('Hello, World!');
});

app.listen(3000);

在上述代码中，我们使用 Express.js 实现了强缓存和协商缓存。对于 /strong-cache 路由，我们设置了 Cache-Control 头部，将资源的缓存时间设置为 1 小时。对于 /negotiated-cache 路由，我们设置了 ETag 头部，将资源的 ETag 设置为 123。