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
## 安装依赖
npm i
## 执行 demo
npm run start
## 最后启动chrome浏览器访问
## http://127.0.0.1:3000/hello
## http://127.0.0.1:3000/world
## 控制台显示结果
<-- GET /hello
--> GET /hello
<-- GET /world
--> GET /world
解读
const logger = async function(ctx, next) {
let res = ctx.res;
// 拦截操作请求 request
console.log(`<-- ${ctx.method} ${ctx.url}`);
await next();
// 拦截操作响应 request
res.on('finish', () => {
console.log(`--> ${ctx.method} ${ctx.url}`);
});
};
module.exports = logger
使用
const Koa = require('koa');
const logger = require('./index');
const app = new Koa();
app.use(logger);
app.use(async(ctx, next) => {
ctx.body = 'hello world';
});
app.listen(3000, () => {
console.log('[demo] is starting at port 3000');
});