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);