本文實例講述了node.js實現(xiàn)http服務器與瀏覽器之間的內(nèi)容緩存操作。分享給大家供大家參考,具體如下:
一、緩存的作用
1、減少了數(shù)據(jù)傳輸,節(jié)約流量。
2、減少服務器壓力,提高服務器性能。
3、加快客戶端加載頁面的速度。
二、緩存的分類
1、強制緩存,如果緩存有效,則不需要與服務器發(fā)生交互,直接使用緩存。
2、對比緩存,每次都需要與服務器發(fā)生交互,對緩存進行比較判斷是否可以使用緩存。
三、通過使用 Last-Modified / If-Modified-Since 來進行緩存判斷
1、Last-Modified 是服務器向客戶端發(fā)送的頭信息,用于告訴客戶端資源的 最后修改時間,該信息瀏覽器會保存起來。
2、If-Modified-Since 是客戶端向服務器發(fā)送的頭信息,當客戶端再次請求資源時,瀏覽器會帶上該信息發(fā)送給服務器,服務器通過該信息來判斷資源是否過期。
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');//創(chuàng)建http服務器并監(jiān)聽端口let server = http.createServer();server.listen(1234, '0.0.0.0', function () { console.log('開始監(jiān)聽');});function sendFile(req, res, filePath, stats) { //設置文件內(nèi)容類型 res.setHeader('Content-Type', mime.getType(filePath)); //設置資源最后修改時間頭信息 res.setHeader('Last-Modified', stats.ctime.toGMTString()); //通過管道將文件數(shù)據(jù)發(fā)送給客戶端 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,讓瀏覽器從緩存中獲取數(shù)據(jù)。 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、文件最后修改時間變了,但 內(nèi)容并沒有發(fā)生改變。
新聞熱點
疑難解答
圖片精選