node缓存框架memory-cache

2021-02-11 15:53:08

参考地址 Simple server side cache for Express with Node.js——Express 实现简单的服务器端缓存【翻译】

第一次翻译,不是很好,但大概意思应该还可以。有错误,请多多指正。

    express是我目前为止见过扩展性最好的web框架。它的中间件结构使它可以轻松地以标准化方式添加额外的功能。
    本次主题,我们将会讨论一个很小很简单,但功能非常强大、有用的中间件。它将会帮助你提升你的express Web程序的性能,而且无需任何依赖。

关于服务端缓存


    无论是在 desktop, mobile or web哪一方面,Cache都常被我们用来提升程序性能。当处理web应用程序的时候,虽然可以使用当前所有浏览器都支持的响应头来进行客户端缓存,从而提升页面加载效率。但当一个内容非常繁杂的页面需要2s来进行HTML输出的时候,即使启用客户端缓存该页面,服务器仍然需要针对每一个来访用户进行页面渲染。想想一个大型的新闻门户网站首页,难道他们要针对每一个用户一遍又一遍地处理HTML吗?
    这时候服务器缓存就派上用场了。使用服务器缓存的目标是对相同的客户端请求返回相同的内容。在上面的例子里,第一个请求仍然需要2s处理HTML,但是接下来请求将会命中缓存,服务器可以在几毫秒内发送响应内容。
    有很多种方法可以实现服务器缓存,例如NGINX以及类似于CloudFlare的CDN。在这里,我们将会使用nodejs和express来轻松简便地实现它。

代码展示


    我们的目标是轻松实现服务器缓存。接下来,我们开始吧!
    我们将充分利用 memory-cache npm模块来将内容添加到缓存中。中间件如下:

var mcache = require('memory-cache');var cache = (duration) => {  return (req, res, next) => {    let key = '__express__' + req.originalUrl || req.url    let cachedBody = mcache.get(key)    if (cachedBody) {
      res.send(cachedBody)      return
    } else {
      res.sendResponse = res.send
      res.send = (body) => {
        mcache.put(key, body, duration * 1000);
        res.sendResponse(body)
      }
      next()
    }
  }
}12345678910111213141516171819

    它将把请求的url作为key值进行缓存查询。一旦查询到缓存,将会直接发送响应报文。否则,就会在响应报文发送到客户端之前,对响应进行缓存。然后调用下一个中间件。
    这里有一个非常简单的例子——关于如何缓存一个繁重的处理页面。

app.get('/', cache(10), (req, res) => {
  setTimeout(() => {
    res.render('index', { title: 'Hey', message: 'Hello there', date: new Date()})
  }, 5000) //setTimeout was used to simulate a slow processing request
})12345

     注意,上述路由包含两个中间件。一个是关于缓存,另一个是真正用于处理请求的中间件。在这种情况下,当该路由收到第一次请求的时候,将不会立刻返回响应,而是会停留5s。但是在接下来的10s,连续的请求将会直接从缓存中得到响应,而不需要再去等待5s。有得必有失,该方法的缺点在你的响应报文中含有动态内容的时候将会展现出来。在上面的路由中,如果我们将当前时间作为参数传递给视图引擎,那么缓存过期(10s)之前响应内容中都会含有相同的日期。

    这里非常棒的一点就是,以上方法适用于HTML,JSON,XML以及其他任何内容类型的响应。

    你可以轻松地引入该中间件到已存在的站点中,来缓存任何你想要缓存的路由。

    注意:不要缓存 GET  POST 方法

    在这个例子中,我们使用了在内存中缓存内容的NPM模块,这有利有弊。

        - 在内存中缓存速度最快
        - 使用简单,不需要添加额外的依赖。
        - 如果服务器或进程出现故障,缓存将会丢失
        - 由于每个进程在自己的内存区间存储缓存内容,所以Node.js的多个进程之间内存不共享。

    要解决大部分问题的一个选择是使用诸如 Redis 的分布式缓存服务。它可以仅仅通过一个npm 模块 express-redis-cache中间件来实现。

'use strict'var express = require('express');var app = express();var mcache = require('memory-cache');

app.set('view engine', 'jade');var cache = (duration) => {  return (req, res, next) => {    let key = '__express__' + req.originalUrl || req.url    let cachedBody = mcache.get(key)    if (cachedBody) {
      res.send(cachedBody)      return
    } else {
      res.sendResponse = res.send
      res.send = (body) => {
        mcache.put(key, body, duration * 1000);
        res.sendResponse(body)
      }
      next()
    }
  }
}

app.get('/', cache(10), (req, res) => {
  setTimeout(() => {
    res.render('index', { title: 'Hey', message: 'Hello there', date: new Date()})
  }, 5000) //setTimeout was used to simulate a slow processing request
})app.get('/user/:id', cache(10), (req, res) => {
  setTimeout(() => {    if (req.params.id == 1) {
      res.json({ id: 1, name: "John"})
    } else if (req.params.id == 2) {
      res.json({ id: 2, name: "Bob"})
    } else if (req.params.id == 3) {
      res.json({ id: 3, name: "Stuart"})
    }
  }, 3000) //setTimeout was used to simulate a slow processing request
})app.use((req, res) => {
  res.status(404).send('') //not found
})app.listen(3000, function () {  console.log('Example app listening on port 3000!')
})123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051


  • 2020-05-20 22:30:14

    js中利用prototype给类添加方法

    你可能会想,这不就是个简单的函数声明?没错,这个函数就是一个类的定义的实现。如何使用这个类呢?看下面的代码:var cls1 = new MyClass(); 这样,利用new就可以生成MyClass的一个实例了。所以在js中可以说函数就是类,类就是函数。

  • 2020-05-21 10:56:53

    fixed z-index失效

    作为一个假的前端,在调试一个页面时出现了如下bug。 左侧的菜单固定为fixed时,二级菜单无法设置有效的z-index,导致菜单隐藏在页面元素之下,明明页面元素的z-index是1,但是无论把菜单的z-index设置为多大,都不管用。

  • 2020-05-24 08:10:18

    echarts标题(title)配置

    show:true,//显示策略,默认值true,可选为:true(显示) | false(隐藏) text: '主标题',//主标题文本,'\n'指定换行 link:'',//主标题文本超链接,默认值true target: null,//指定窗口打开主标题超链接,支持'self' | 'blank',不指定等同为'blank'(新窗口) subtext: '副标题',//副标题文本,'\n'指定换行 sublink: '',//副标题文本超链接