十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
本文实例讲述了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); } }); });
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。