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
  3. ## 执行 demo
  4. npm run start
  5. ## 最后启动chrome浏览器访问
  6. ## http://127.0.0.1:3000/hello
  7. ## http://127.0.0.1:3000/world
  8. ## 控制台显示结果
  9. <-- GET /hello
  10. --> GET /hello
  11. <-- GET /world
  12. --> GET /world

解读

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

使用

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

附录

参考

https://github.com/koajs/logger