koa-logger 实现

前言

狭义中间件，请求/拦截 最显著的特征是

  • 直接被app.use()
  • 拦截请求
  • 操作响应

最简单的场景是 Koa.js 官方支持传输静态文件中间件的实现koa-logger。

本节主要以官方的 koa-logger 中间件为参考，实现了一个最简单的koa-logger 实现，方便原理讲解和后续二次自定义优化开发。

实现步骤

  • step 01 拦截请求，打印请求URL
  • step 02 操作响应，打印响应URL

实现源码

https://github.com/chenshenhai/koajs-design-note/tree/master/demo/chapter-04-01

  1. ## 安装依赖
  2. npm i
  4. ## 执行 demo
  5. npm run start
  7. ## 最后启动chrome浏览器访问
  8. ##  http://127.0.0.1:3000/hello
  9. ##  http://127.0.0.1:3000/world
  11. ## 控制台显示结果
  12. <-- GET /hello
  13. --> GET /hello
  14. <-- GET /world
  15. --> GET /world

解读

  1. const logger = async function(ctx, next) {
  2.   let res = ctx.res;
  4.   // 拦截操作请求 request
  5.   console.log(`<-- ${ctx.method} ${ctx.url}`);
  7.   await next();
  9.   // 拦截操作响应 request
  10.   res.on('finish', () => {
  11.     console.log(`--> ${ctx.method} ${ctx.url}`);
  12.   });
  13. };
  15. module.exports = logger

使用

  1. const Koa = require('koa');
  2. const logger = require('./index');
  3. const app = new Koa();
  5. app.use(logger);
  7. app.use(async(ctx, next) => {
  8.   ctx.body = 'hello world';
  9. });
  11. app.listen(3000, () => {
  12.   console.log('[demo] is starting at port 3000');
  13. });

附录

参考

https://github.com/koajs/logger