本文小編為大家詳細(xì)介紹“用node如何實(shí)現(xiàn)緩存”，內(nèi)容詳細(xì)，步驟清晰，細(xì)節(jié)處理妥當(dāng)，希望這篇“用node如何實(shí)現(xiàn)緩存”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學(xué)習(xí)新知識(shí)吧。
站在用戶的角度思考問題，與客戶深入溝通，找到會(huì)同網(wǎng)站設(shè)計(jì)與會(huì)同網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗(yàn)，讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個(gè)性化、用戶體驗(yàn)好的作品，建站類型包括：網(wǎng)站設(shè)計(jì)、網(wǎng)站制作、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、域名與空間、網(wǎng)頁空間、企業(yè)郵箱。業(yè)務(wù)覆蓋會(huì)同地區(qū)。
瀏覽器緩存的基本原理是將靜態(tài)資源（如 CSS、JavaScript、圖片等）緩存到本地，當(dāng)頁面再次請(qǐng)求這些資源時(shí)，直接從本地獲取，而不是重新從服務(wù)器下載。這可以減少頁面的加載時(shí)間和減輕服務(wù)器負(fù)擔(dān)，提高用戶體驗(yàn)。
在 HTTP 協(xié)議中，瀏覽器緩存可以通過兩種機(jī)制實(shí)現(xiàn)：強(qiáng)緩存和協(xié)商緩存。
Expires字段：
值為服務(wù)端返回的到期時(shí)間，可能因?yàn)榉?wù)端和客戶端時(shí)間不同而造成緩存命中誤差
Cache-Control（替代方案）
public：所有內(nèi)容都被緩存（客戶端和代理服務(wù)器都可被緩存）
private：只緩存到私有緩存中（客戶端）
no-cache：與服務(wù)端確認(rèn)返回的響應(yīng)是否被更改，然后才能使用該響應(yīng)來滿足后續(xù)對(duì)同一個(gè)網(wǎng)址的請(qǐng)求。因此，如果存在合適的驗(yàn)證令牌 (ETag)，no-cache 會(huì)發(fā)起往返通信來驗(yàn)證緩存的響應(yīng)，如果資源未被更改，可以避免下載。
no-store：值不緩存
must-revalidation/proxy-revalidation：如果緩存內(nèi)容失效，則請(qǐng)求必須發(fā)送到服務(wù)器已進(jìn)行重新驗(yàn)證
max-age=xxx：緩存內(nèi)容在xxx秒后失效，這個(gè)選項(xiàng)只能在http1.1使用，比last-Modified優(yōu)先級(jí)更高
last-Modified（上次修改日期）
last-Modified：保存于服務(wù)器中，記錄該資源上次修改的日期（不能精確到秒，如果在數(shù)秒內(nèi)多次修改，可能會(huì)導(dǎo)致錯(cuò)誤命中緩存）
if-modified-since：保存于客戶端中，請(qǐng)求被攜帶并與服務(wù)端的last-Modified比較，相同則直接命中緩存返回304狀態(tài)碼
const Koa = require('koa');
const app = new Koa();
// 設(shè)置 expires方案
const setExpires = async (ctx, next) => {
// 設(shè)置緩存時(shí)間為 1 分鐘
const expires = new Date(Date.now() + 60 * 1000);
ctx.set('Expires', expires.toUTCString());
await next();
}
// Cache-Control方案（優(yōu)先執(zhí)行）
const setCacheControl = async (ctx, next) => {
// 設(shè)置緩存時(shí)間為 1 分鐘
ctx.set('Cache-Control', 'public, max-age=60');
await next();
}
// Last-Modified方案
const setLastModified = async (ctx, next) => {
// 獲取資源最后修改時(shí)間
const lastModified = new Date('2021-03-05T00:00:00Z');
// 設(shè)置 Last-Modified 頭
ctx.set('Last-Modified', lastModified.toUTCString());
await next();
}
const response = (ctx) => {
ctx.body = 'Hello World';
}
// 跟Last-Modified方案相對(duì)應(yīng)
const lastModifiedResponse = (ctx) => {
// 如果資源已經(jīng)修改過，則返回新的資源
if (ctx.headers['if-modified-since'] !== ctx.response.get('Last-Modified')) {
response(ctx)
} else ctx.status = 304;
}
app.get('/getMes', setExpires, response);
app.listen(3000, () => console.log('Server started on port 3000'));
Etag/if-None-Match
Etag：服務(wù)器根據(jù)請(qǐng)求的資源計(jì)算一個(gè)哈希值（也可以是其他算法，代表一個(gè)資源標(biāo)識(shí)符）并返回給瀏覽器，下次瀏覽器請(qǐng)求該資源時(shí)通過if-None-Match字段將Etag發(fā)送給服務(wù)器
Last_Modified和if-Modified-Since
last-Modified：保存于服務(wù)器中，記錄該資源上次修改的日期（不能精確到秒，如果在數(shù)秒內(nèi)多次修改，可能會(huì)導(dǎo)致錯(cuò)誤命中緩存）
if-modified-since：保存于客戶端中，請(qǐng)求被攜帶并與服務(wù)端的last-Modified比較，相同則直接命中緩存返回304狀態(tài)碼
ETag是服務(wù)器為資源分配的唯一標(biāo)識(shí)符，而 Last-Modified是服務(wù)器報(bào)告的資源的最后修改時(shí)間。
ETag可以使用任何算法生成，例如哈希，而 Last-Modified只能使用特定的時(shí)間格式（GMT）。
ETag的比較是強(qiáng)驗(yàn)證器（exact-match validator），需要完全匹配，而 Last-Modified的比較是弱驗(yàn)證器（weak validator），只需要在同一秒鐘內(nèi)相同即可。
ETag適用于所有類型的資源，而 Last-Modified只適用于不常更改的資源，例如圖片、視頻等。
對(duì)于經(jīng)常更新的資源，ETag 更適合，因?yàn)樗梢愿鼫?zhǔn)確地檢測(cè)資源是否已經(jīng)被修改；而對(duì)于不經(jīng)常更新的資源，Last-Modified 更適合，因?yàn)樗梢詼p少服務(wù)器負(fù)載和網(wǎng)絡(luò)流量。
const Koa = require('koa');
const app = new Koa();
// 設(shè)置 eTag方案
const setExpires = async (ctx, next) => {
// 設(shè)置緩存時(shí)間為 1 分鐘
const maxAge = 60;
ctx.set('Cache-Control', `public, max-age=${maxAge}`);
// 設(shè)置 ETag 頭
const etag = 'etag-123456789';
ctx.set('ETag', etag);
await next();
}
// Last-Modified方案
const setLastModified = async (ctx, next) => {
// 設(shè)置緩存時(shí)間為 1 分鐘
const maxAge = 60;
ctx.set('Cache-Control', `public, max-age=${maxAge}`);
// 設(shè)置 Last-Modified 頭
const lastModified = new Date('2021-03-05T00:00:00Z');
ctx.set('Last-Modified', lastModified.toUTCString());
await next();
}
const response = (ctx) => {
ctx.body = 'Hello World';
}
// 跟Etag方案對(duì)應(yīng)
const etagResponse = (ctx) => {
// 如果 ETag 頭未被修改，則返回 304
if (ctx.headers['if-none-match'] === ctx.response.get('ETag')) {
ctx.status = 304;
} else ctx.body = 'Hello World';
}
// 跟Last-Modified方案相對(duì)應(yīng)
const lastModifiedResponse = (ctx) => {
// 如果資源已經(jīng)修改過，則返回新的資源
if (ctx.headers['if-modified-since'] !== ctx.response.get('Last-Modified')) {
response(ctx)
} else ctx.status = 304;
}
app.get('/getMes', setExpires, response);
app.listen(3000, () => console.log('Server started on port 3000'));
const Koa = require('koa');
const crypto = require('crypto');
const app = new Koa();
// 假設(shè)這是要緩存的資源
const content = 'Hello, world!';
app.use(async (ctx) => {
// 計(jì)算資源的哈希值
const hash = crypto.createHash('md5').update(content).digest('hex');
// 設(shè)置 ETag 頭
ctx.set('ETag', hash);
// 判斷客戶端是否發(fā)送了 If-None-Match 頭
const ifNoneMatch = ctx.get('If-None-Match');
if (ifNoneMatch === hash) {
// 如果客戶端發(fā)送了 If-None-Match 頭，并且與當(dāng)前資源的哈希值相同，則返回 304 Not Modified
ctx.status = 304;
} else {
// 如果客戶端沒有發(fā)送 If-None-Match 頭，或者與當(dāng)前資源的哈希值不同，則返回新的資源
ctx.body = content;
}
});
app.listen(3000);
強(qiáng)緩存未失效，從緩存中讀取數(shù)據(jù)，cache-control優(yōu)先級(jí)高于last-Modified
強(qiáng)緩存失效，執(zhí)行協(xié)商緩存，Etag的優(yōu)先級(jí)會(huì)高于last-Modified
緩存未失效服務(wù)器返回304狀態(tài)碼，客戶端從緩存中讀取數(shù)據(jù)
緩存已失效則返回資源和200狀態(tài)碼
強(qiáng)緩存通常在瀏覽器中緩存靜態(tài)資源（如 CSS、JavaScript、圖片等），以減少頁面的加載時(shí)間和減輕服務(wù)器負(fù)擔(dān)。
協(xié)商緩存通常用于緩存動(dòng)態(tài)資源（如 HTML 頁面、API 數(shù)據(jù)等），以減少服務(wù)器的負(fù)擔(dān)和網(wǎng)絡(luò)帶寬的消耗。
在實(shí)際應(yīng)用中，強(qiáng)緩存和協(xié)商緩存可以單獨(dú)使用或一起使用。對(duì)于一些靜態(tài)資源，可以只使用強(qiáng)緩存；對(duì)于一些動(dòng)態(tài)資源，可以只使用協(xié)商緩存；對(duì)于一些經(jīng)常變化的資源，可以使用強(qiáng)緩存和協(xié)商緩存結(jié)合使用，既可以減少服務(wù)器的負(fù)擔(dān)，也可以保證及時(shí)獲取到最新的資源。
讀到這里，這篇“用node如何實(shí)現(xiàn)緩存”文章已經(jīng)介紹完畢，想要掌握這篇文章的知識(shí)點(diǎn)還需要大家自己動(dòng)手實(shí)踐使用過才能領(lǐng)會(huì)，如果想了解更多相關(guān)內(nèi)容的文章，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
重慶分公司
重慶分公司
