koa2中間件機制-洋蔥圈模型

一、什么是Koa的中間件：

 

通俗的講：中間件就是匹配路由之前或者匹配路由完成做的一系列的操作，我們就可以把它叫做中間件。

在express中間件（Middleware） 是一個函數，它可以訪問請求對象（request object (req)）, 響應對象（response object (res)）, 和 web 應用中處理請求-響應循環流程中的中間件，一般被命名為 next 的變量。在Koa中中間件和express有點類似。

中間件的功能包括：

執行任何代碼。
修改請求和響應對象。
終結請求-響應循環。
調用堆棧中的下一個中間件。

如果我的get、post回調函數中，沒有next參數，那么就匹配上第一個路由，就不會往下匹配了。如果想往下匹配的話，那么需要寫next()

二、Koa應用可使用如下幾種中間件：

應用級中間件
路由級中間件
錯誤處理中間件
第三方中間件

 

三、Koa中間件的執行順序：

Koa 的中間件和 Express 不同，Koa 選擇了洋蔥圈模型。

 

洋蔥圈模型：

 

代碼演示：

通過命令行工具輸入

mkdir koa2-middleWare   // 新建名為koa2-middleWare的文件夾

cd koa2-middleWare  // 訪問該文件夾

npm init -y  // 初始化npm

npm i koa2 -S  // 安裝koa2

mkdir app.js  // 新建名為app的js文件

在koa2-middleWare文件夾中編輯app.js

// app.js

const Koa = require('koa2');
const app = new Koa();

// logger
app.use(async (ctx, next) => {
  console.log('第一層洋蔥 - 開始')
  await next();
  const rt = ctx.response.get('X-Response-Time');
  console.log(`${ctx.method} ${ctx.url} - ${rt}`);
  console.log('第一層洋蔥 - 結束')
});

// x-response-time
app.use(async (ctx, next) => {
  console.log('第二層洋蔥 - 開始')
  const start = Date.now();
  await next();
  const ms = Date.now() - start;
  ctx.set('X-Response-Time', `${ms}ms`);
  console.log('第二層洋蔥 - 結束')
});

// response
app.use(async ctx => {
  console.log('第三層洋蔥 - 開始')
  ctx.body = 'Hello World';
  console.log('第三層洋蔥 - 結束')
});

app.listen(8000);

通過命令行工具輸入

node app.js  // 啟動服務

最終目錄結構如下

 

打開瀏覽器訪問：localhost:8000

查看命令行工具打印輸出