zoukankan      html  css  js  c++  java
  • nodeJS编写自己的中间件及示例返回字段由下划线改为驼峰的中间件

      Koa 是一个由 Express 原班人马打造的新的 web 框架,Koa 本身并没有捆绑任何中间件,只提供了应用(Application)、上下文(Context)、请求(Request)、响应(Response)四个模块。原本 Express 中的路由(Router)模块已经被移除,改为通过中间件的方式实现。相比较 Express,Koa 能让使用者更大程度上构建个性化的应用。

    一、中间件简介

      Koa 是一个中间件框架,本身没有捆绑任何中间件。本身支持的功能并不多,功能都可以通过中间件拓展实现。通过添加不同的中间件,实现不同的需求,从而构建一个 Koa 应用。

      Koa 的中间件就是函数,可以是 async 函数,或是普通函数,以下是官网的示例:

    // async 函数
    app.use(async (ctx, next) => {
      const start = Date.now();
      await next();
      const ms = Date.now() - start;
      console.log(`${ctx.method} ${ctx.url} - ${ms}ms`);
    });
    
    // 普通函数
    app.use((ctx, next) => {
      const start = Date.now();
      return next().then(() => {
        const ms = Date.now() - start;
        console.log(`${ctx.method} ${ctx.url} - ${ms}ms`);
      });
    });

      中间件可以通过官方维护的仓库查找获取,也可以根据需求编写属于自己的中间件。

    二、中间件原理

      下面是一个的 Koa 应用,简单演示了中间件的执行顺序:

    const Koa = require('Koa');
    const app = new Koa();
    
    // 最外层的中间件
    app.use(async (ctx, next) => {
        await console.log(`第 1 个执行`);
        await next();
        await console.log(`第 8 个执行`);
    });
    
    // 第二层中间件
    app.use(async (ctx, next) => {
        await console.log(`第 2 个执行`);
        await console.log(`第 3 个执行`);
        await next();
        await console.log(`第 6 个执行`);
        await console.log(`第 7 个执行`);
    });
    
    // 最里层的中间件
    app.use(async (ctx, next) => {
        await console.log(`第 4 个执行`);
        ctx.body = "Hello world.";
        await console.log(`第 5 个执行`);
    });
    
    app.listen(3000, () => {
        console.log(`Server port is 3000.`);
    })

      原理:从上面的示例中可以看出,中间件的执行顺序并不是从头到尾,而是类似于前端的事件流。事件流是先进行事件捕获,到达目标,然后进行事件冒泡。中间件的实现过程也是一样的,先从最外面的中间件开始执行,next() 后进入下一个中间件,一路执行到最里面的中间件,然后再从最里面的中间件开始往外执行

      Koa 中间件采用的是洋葱圈模型,每次执行下一个中间件传入两个参数 ctx 和 next,参数 ctx 是由 koa 传入的封装了 request 和 response 的变量,可以通过它访问 request 和 response,next 就是进入下一个要执行的中间件。

    三、编写属于自己的中间件

      中间件有两个重点:

      (1)调用 app.use() 来应用一个中间件;

      (2)调用 next() 继续执行下一个中间件(可能不存在更多的中间件,只是让执行继续下去)。

    1、token 验证的 middleware

      前后端分离开发,我们常采用 JWT 来进行身份验证,其中 token 一般放在 HTTP 请求中的 Header Authorization 字段中,每次请求后端都要进行校验,如 Java 的 Spring 框架可以在过滤器中对 token 进行统一验证,而 Koa 则通过编写中间件来实现 token 验证。

    // token.js
    // token 中间件
    module.exports = (options) => async (ctx, next) {
      try {
        // 获取 token
        const token = ctx.header.authorization
        if (token) {
          try {
              // verify 函数验证 token,并获取用户相关信息
              await verify(token)
          } catch (err) {
            console.log(err)
          }
        }
        // 进入下一个中间件
        await next()
      } catch (err) {
        console.log(err)
      }
    }
    // app.js
    // 引入 token 中间件
    const Koa = require('Koa');
    const app = new Koa();
    const token = require('./token')
    
    app.use(token())
    
    app.listen(3000, () => {
        console.log(`Server port is 3000.`);
    })

    2、log 的 middleware

      日志模块也是线上不可缺少的一部分,完善的日志系统可以帮助我们迅速地排查出线上的问题。通过 Koa 中间件,我们可以实现属于自己的日志模块

    // logger.js
    // logger 中间件
    const fs = require('fs')
    module.exports = (options) => async (ctx, next) => {
      const startTime = Date.now()
      const requestTime = new Date()
      await next()
      const ms = Date.now() - startTime;
      let logout = `${ctx.request.ip} -- ${requestTime} -- ${ctx.method} -- ${ctx.url} -- ${ms}ms`;
      // 输出日志文件
      fs.appendFileSync('./log.txt', logout + '
    ')
    }
    // app.js
    // 引入 logger 中间件
    ...const logger = require('./logger')
    app.use(logger())
    ...
    app.listen(3000, () => {
        console.log(`Server port is 3000.`);
    })

      可以结合 log4js 等包来记录更详细的日志。

    3、返回字段由下划线改为驼峰的中间件

    // toHump.js
    const toHump = async (ctx, next) => {
        ctx.write = (obj) => ctx.body = toHumpFun(obj)
        await next()
    }
    
    function toHumpFun(obj) {
        const result = Array.isArray(obj) ? [] : {}
        for (const key in obj) {
            if (obj.hasOwnProperty(key)) {
                const element = obj[key];
                const index = key.indexOf('_')
                let newKey = key
                if (index === -1 || key.length === 1) {
                    result[key] = element
                } else {
                    const keyArr = key.split('_')
                    const newKeyArr = keyArr.map((item, index) => {
                        if (index === 0) return item
                        return item.charAt(0).toLocaleUpperCase() + item.slice(1)
                    })
                    newKey = newKeyArr.join('')
                    result[newKey] = element
                }
    
                if (typeof element === 'object' && element !== null) {
                    result[newKey] = toHumpFun(element)
                }
            }
        }
        return result
    }
    
    module.exports = toHump
    // app.js
    const toHump = require('./toHump')
    app.use(toHump) // 需要放在引用路由之前

      使用 ctx.write(data) 替换 ctx.body = data

      我们已经了解中间件的原理,以及如何实现一个自己的中间件中间件的代码通常比较简单,我们可以通过阅读官方维护的仓库中优秀中间件的源码,来加深对中间件的理解和运用。

  • 相关阅读:
    delphi TreeView 从数据库添加节点的四种方法
    mac攻略(3) -- brew使用
    mac攻略(2) -- apache站点配置
    mac攻略(1) -- 简单配置php开发环境
    Mac通过brew安装reds、memcached
    golang urlencode
    golang GET 出现 x509: certificate signed by unknown authority
    git取消文件跟踪
    golang使用http client发起get和post请求示例
    PHP判断SQL语句是否合法:mysqli_error()
  • 原文地址:https://www.cnblogs.com/goloving/p/13476127.html
Copyright © 2011-2022 走看看