全栈项目|小书架|服务器开发-Koa2中间件机制洋葱模型了解一下

KOA2

是什么？

为什么产生？

Koa是由Express的原班人马打造，那么他们为什么不将Express升级版本呢而是从新开发新的一个项目？看官方的介绍：Koa 与 Express

中间件

中间件只是一种服务，没有这种服务系统也能够存在。比如：一台台式机，是由很多个部件组装而成。鼠标、键盘等只是为了让系统更加完善。即使没有鼠标或者键盘，台式机也可以使用其他硬件软件来操作电脑。或者查看 AOP 面向切面编程 中的比喻。

Koa 是一个中间件框架，可以采用两种不同的方法来实现中间件：

async function
common function

以下是使用两种不同方法实现一个日志中间件的示例：

async functions (node v7.6+)

app.use(async (ctx, next) => {

  const start = Date.now();

  await next();

  const ms = Date.now() - start;

  console.log(`${ctx.method} ${ctx.url} - ${ms}ms`);

});

Common function

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 的中间件机制使用的是洋葱模型，而什么是洋葱模型呢？

洋葱模型

洋葱圈模型图示1来源

全栈项目|小书架|服务器开发-Koa2中间件机制洋葱模型了解一下-LMLPHP

就是从请求到响应的过程所有的中间件都会走两遍。看不太清楚的可以看图示2。

洋葱圈模型图示2 来源

通过图示可能还不是很清楚Koa洋葱模型的执行过程，下面来看一个简单例子：

const Koa = require('koa');

const app = new Koa();

// 中间件1

app.use(async (ctx, next)=>{

    console.log(1)

    next()

    console.log(11)

});

// 中间件2

app.use(async (ctx, next) => {

    console.log(2)

    next()

    console.log(22)

})

// 中间件3

app.use(async (ctx, next) => {

    console.log(3)

    next()

    console.log(33)

})

app.listen('3000');

console.log(`http://localhost:3000`);

在浏览器输入http://localhost:3000回车之后的输出结果：

http://localhost:3000

1

2

3

33

22

11

通过结果可以看出执行过程和洋葱模型是一致的。