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-03-13 19:58:19

    推荐Android两种屏幕适配方案

    在Android开发中,由于Android碎片化严重,屏幕分辨率千奇百怪,而想要在各种分辨率的设备上显示基本一致的效果,适配成本越来越高。虽然Android官方提供了dp单位来适配,但其在各种奇怪分辨率下表现却不尽如人意,因此下面探索一种简单且低侵入的适配方式。本文将推荐两种屏幕适配方案,大家可以根据实际情况使用。

  • 2020-03-14 16:35:00

    nuxt.js部署全过程(ubuntu+nginx+node+pm2)

    系统的话本篇是Ubuntu 16.04.6 ,centos也行,大同小异都是Linux。不过如果你是初学者,最好和我使用一样的,因为因为发行版本不同而导致的差异可能导致运行某些东西失败,找问题要找好久。windows server不推荐了,企业用的多,小服务器跑windows server比较费劲。

  • 2020-03-14 23:15:25

    icomoon使用详细介绍

    此篇博文讲述如何利用icomoon导入图标,从而把自己想要的都通过icomoon方式进行,大家都知道,网站以及移动端,用图标还是尽量选择这种。因为直接用image有些图标会失真,从而也是前端开发之中,需求去掌握的一项,很简单的就几个步骤。

  • 2020-03-14 23:39:59

    vuetify和@nuxt/vuetify icon 之我见

    vuetify中v-icon,貌似默认支持 Material Design Icons, Material Icons, Font Awesome 4 and Font Awesome 5, 我自己单独引入了vuetify 用哪一个图标都没有问题。但是用了@nuxt/vuetify只能用mdi-home这样的。不知道因为啥。肯定是封装后,封装成一个了。 但是我修改vuetify的设置,哪一个图标也都能用。哎,不过多研究了。

  • 2020-03-16 15:57:53

    nuxtjs中单独引入Message组件的问题

    // 引入elementUIimport { Message } from 'element-ui';//由于Message组件并没有install 方法供Vue来操作的,是直接返回的,因此按照官方文档单独引入的方法是//会报错的,需要给 Message 添加 install 方法Message.install = function (Vue, options) {Vue.prototype.$message = Message}Vue.use(Message )//消息提示

  • 2020-03-16 16:03:20

    css的var()函数

     随着sass,less预编译的流行,css也随即推出了变量定义var函数。var()函数,就如同sass和less等预编译软件一样,可以定义变量并且进行对应的使用。