溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本文實例講述了node.js實現http服務器與瀏覽器之間的內容緩存操作。分享給大家供大家參考，具體如下：
一、緩存的作用
1、減少了數據傳輸，節約流量。
2、減少服務器壓力，提高服務器性能。
3、加快客戶端加載頁面的速度。
二、緩存的分類
1、強制緩存，如果緩存有效，則不需要與服務器發生交互，直接使用緩存。
2、對比緩存，每次都需要與服務器發生交互，對緩存進行比較判斷是否可以使用緩存。
三、通過使用 Last-Modified / If-Modified-Since 來進行緩存判斷
1、Last-Modified 是服務器向客戶端發送的頭信息，用于告訴客戶端資源的 最后修改時間，該信息瀏覽器會保存起來。
2、If-Modified-Since 是客戶端向服務器發送的頭信息，當客戶端再次請求資源時，瀏覽器會帶上該信息發送給服務器，服務器通過該信息來判斷資源是否過期。
3、如果沒有過期，則響應 304 表示 未更新，告訴瀏覽器使用保存的緩存。
4、如果過期了，則響應 200，返回最新的資源。
const http = require('http');
const url = require('url');
const path = require('path');
const fs = require('fs');
const util = require('util');
const mime = require('mime');
//創建http服務器并監聽端口
let server = http.createServer();
server.listen(1234, '0.0.0.0', function () {
console.log('開始監聽');
});
function sendFile(req, res, filePath, stats) {
//設置文件內容類型
res.setHeader('Content-Type', mime.getType(filePath));
//設置資源最后修改時間頭信息
res.setHeader('Last-Modified', stats.ctime.toGMTString());
//通過管道將文件數據發送給客戶端
fs.createReadStream(filePath).pipe(res);
}
server.on('request', function (req, res) {
let {pathname} = url.parse(req.url, true);
//獲取文件真實路徑
let filePath = path.join(__dirname, pathname);
//判斷文件是否存在
fs.stat(filePath, function (err, stats) {
if (err) {
return res.end(util.inspect(err));
}
if (!stats.isFile()) {
return res.end('is not file');
}
//獲取客戶端請求的If-Modified-Since頭信息
let ifModifiedSince = req.headers['if-modified-since'];
if (ifModifiedSince) {
//如果最后修改時間相同，說明該資源并未修改，直接響應 304，讓瀏覽器從緩存中獲取數據。
if (ifModifiedSince == stats.ctime.toGMTString()) {
res.statusCode = 304;
res.end();
} else {
sendFile(req, res, filePath, stats);
}
} else {
sendFile(req, res, filePath, stats);
}
});
});
通過最后修改時間判斷緩存是否可用，并不是很精確，有如下幾個問題：
1、Last-Modified 只精確到秒，秒以下的時間修改，將無法準確判斷。
2、文件最后修改時間變了，但 內容并沒有發生改變。
3、文件存在于多個 CDN 上，那該文件的最后修改時間是不一樣的。
四、通過 ETag / If-None-Match 進行判斷
ETag 表示 實體標簽，將內容通過 hash 算法生成一段字符串，用以標識資源，如果資源發生變化，則 ETag 也會變化。
ETag 是服務器生成的，發送給客戶端的。
1、客戶端請求資源，服務器根據資源生成ETag，發送給客戶端。瀏覽器會保存該信息。
2、當客戶端再次請求時，瀏覽器會發送 If-None-Match 給服務器，值為第1步保存的信息，服務器通過該信息進行判斷，資源是否修改過。
3、如果沒有修改過，則響應 304 未更新，告訴瀏覽器使用保存的緩存。
4、如果修改過，則響應 200，返回最新資源。
const http = require('http');
const url = require('url');
const path = require('path');
const fs = require('fs');
const util = require('util');
const crypto = require('crypto');
const mime = require('mime');
//創建http服務器并監聽端口
let server = http.createServer();
server.listen(1234, '0.0.0.0', function () {
console.log('開始監聽');
});
function sendFile(req, res, filePath, eTag) {
//設置文件內容類型
res.setHeader('Content-Type', mime.getType(filePath));
//設置ETag頭信息
res.setHeader('ETag', eTag);
//通過管道將文件數據發送給客戶端
fs.createReadStream(filePath).pipe(res);
}
server.on('request', function (req, res) {
let {pathname} = url.parse(req.url, true);
//獲取文件真實路徑
let filePath = path.join(__dirname, pathname);
//判斷文件是否存在
fs.stat(filePath, function (err, stats) {
if (err) {
return res.end(util.inspect(err));
}
if (!stats.isFile()) {
return res.end('is not file');
}
//獲取客戶端請求的If-None-Match頭信息
let ifNoneMatch = req.headers['if-none-match'];
//創建可讀流
let rs = fs.createReadStream(filePath);
//創建md5算法
let md5 = crypto.createHash('md5');
rs.on('data', function (data) {
md5.update(data);
});
rs.on('end', function () {
let eTag = md5.digest('hex');
if (ifNoneMatch) {
//判斷eTag與客戶端發送過來的If-None-Match是否相等
if (ifNoneMatch == eTag) {
res.statusCode = 304;
res.end();
} else {
sendFile(req, res, filePath, eTag);
}
} else {
sendFile(req, res, filePath, eTag);
}
});
});
});
五、讓瀏覽器在緩存有效期內不用發請求
Expires 是http1.0的內容，用于設置緩存的有效期，在有效期內瀏覽器直接從瀏覽器緩存中獲取數據。
Cache-Control 與Expires作用一樣，是http1.1的內容，用于指明當前資源的有效期，優先級高于Expires。
Cache-Control可以設置的值 ：
1、private 客戶端可以緩存
2、public 客戶端和代理服務器都可以緩存
3、max-age=10 緩存內容在10秒后失效
4、no-cache 使用對比緩存驗證，強制向服務器驗證
5、no-store 內容都不緩存，強制緩存和對比緩存都不會觸發
const http = require('http');
const url = require('url');
const path = require('path');
const fs = require('fs');
const util = require('util');
const mime = require('mime');
//創建http服務器并監聽端口
let server = http.createServer();
server.listen(1234, '0.0.0.0', function () {
console.log('開始監聽');
});
function sendFile(req, res, filePath, stats) {
//設置文件內容類型
res.setHeader('Content-Type', mime.getType(filePath));
//設置緩存失效時間60秒
res.setHeader('Expires', new Date(Date.now() + 60 * 1000).toUTCString());
//設置緩存失效時間60秒
res.setHeader('Cache-Control', 'max-age=60');
//通過管道將文件數據發送給客戶端
fs.createReadStream(filePath).pipe(res);
}
server.on('request', function (req, res) {
let {pathname} = url.parse(req.url, true);
//獲取文件真實路徑
let filePath = path.join(__dirname, pathname);
//判斷文件是否存在
fs.stat(filePath, function (err, stats) {
if (err) {
return res.end(util.inspect(err));
}
if (!stats.isFile()) {
return res.end('is not file');
}
sendFile(req, res, filePath, stats)
});
});
希望本文所述對大家node.js程序設計有所幫助。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
