node實現緩存

內容：

1.緩存基本原理

2.node實現緩存

 

 

1.緩存基本原理

第一重要、緩存策略：

• cache-control：用於控制緩存，常見的取值有private、no-cache、max-age、must-revalidate等，默認為private
• expires：失效時間

 

第二重要、緩存實現過程：

• 第一次Server->Client："Last-Modified: Sat, 02 Dec 2017 04:03:14 GMT"  --> 服務端告訴客戶端資源修改的時間
• 第二次Client->Server："If-Modified-Since: Sat, 02 Dec 2017 04:03:14 GMT"  --> 瀏覽器告訴服務器自己緩存的資源的修改時間
• 第二次Server->Client：200 || 304  --> 服務器根據兩者時間是否相同決定返回200(返回新資源)還是304(叫瀏覽器用自己緩存的資源)

 

注意：

• cookie不屬於緩存！
• 關於localstorage：https://www.cnblogs.com/st-leslie/p/5617130.html 

 

 

2.node實現緩存

源碼：

const http=require('http');
const fs=require('fs');
const url=require('url');

// 連續兩次訪問:  http://localhost:8080/1.html    第一次是200  第二次是304
http.createServer((req, res)=>{
    let {pathname}=url.parse(req.url);

    //獲取文件日期
    fs.stat(`www${pathname}`, (err, stat)=>{
        if(err){
            res.writeHeader(404);
            res.write('Not Found');
            res.end();
        }else{
            // 請求頭中有if-modified-since -> 不是第一次請求，之前瀏覽器中緩存了該頁面
            if(req.headers['if-modified-since']){
                let oDate=new Date(req.headers['if-modified-since']);
                let time_client=Math.floor(oDate.getTime()/1000);
                let time_server=Math.floor(stat.mtime.getTime()/1000);

                if(time_server>time_client){      // 服務器的文件時間 > 客戶端手里的版本
                    sendFileToClient();
                }else{
                    res.writeHeader(304);
                    res.write('Not Modified');
                    res.end();
                }
            }
            // 請求頭中沒有if-modified-since -> 第一次請求 -> 直接返回要的文件
            else{
                sendFileToClient();
            }

            // 直接返回文件
            function sendFileToClient(){
                //發送
                let rs=fs.createReadStream(`www${pathname}`);

                res.setHeader('Last-Modified', stat.mtime.toGMTString());

                //輸出
                rs.pipe(res);

                rs.on('error', function(err){
                    res.writeHeader(404);
                    res.write('Not Found');
                    res.end();
                });
            }
        }
    });
}).listen(8080);

原理：

• 服務端第一次向客戶端發送資源時設置文件修改時間：setHeader('Last-Modified', stat.mtime.toGMTString())
• 之后客戶端向瀏覽器請求時服務端檢查請求頭中是否有if-modified-since：
• 如果有if-modified-since就判斷服務器時間是否大於瀏覽器時間(若大於說明服務端文件已經修改就將新修改的文件返回，否則就返回304瀏覽器會直接使用原先緩存的資源)
• 如果沒有if-modified-since就直接返回文件並像最上面那樣設置文件修改時間

 

另外還可以設置緩存：

// 具有緩存控制的服務器 --> 設置Cache-Control(no-cache)
const http=require('http');
const fs=require('fs');
const url=require('url');

// 連續兩次訪問:  http://localhost:8080/1.html    第一次是200  第二次是304
http.createServer((req, res)=>{
    let {pathname}=url.parse(req.url);

    //獲取文件日期
    fs.stat(`www${pathname}`, (err, stat)=>{
        if(err){
            res.writeHeader(404);
            res.write('Not Found');
            res.end();
        }else{
            // 請求頭中有if-modified-since -> 不是第一次請求，之前瀏覽器中緩存了該頁面
            if(req.headers['if-modified-since']){
                let oDate=new Date(req.headers['if-modified-since']);
                let time_client=Math.floor(oDate.getTime()/1000);
                let time_server=Math.floor(stat.mtime.getTime()/1000);

                if(time_server>time_client){      // 服務器的文件時間 > 客戶端手里的版本
                    sendFileToClient();
                }else{
                    res.writeHeader(304);
                    res.write('Not Modified');
                    res.end();
                }
            }
            // 請求頭中沒有if-modified-since -> 第一次請求 -> 直接返回要的文件
            else{
                sendFileToClient();
            }

            // 直接返回文件
            function sendFileToClient(){
                //發送
                let rs=fs.createReadStream(`www${pathname}`);
                
                // 設置緩存
                res.setHeader('Cache-Control', 'no-cache');
                res.setHeader('Last-Modified', stat.mtime.toGMTString());

                //輸出
                rs.pipe(res);

                rs.on('error', function(err){
                    res.writeHeader(404);
                    res.write('Not Found');
                    res.end();
                });
            }
        }
    });
}).listen(8080);