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

1、什麼是Koa的中間件：

 

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

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

中間件的功能包括：

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

若是個人get、post回調函數中，沒有next參數，那麼就匹配上第一個路由，就不會往下匹配了。若是想往下匹配的話，那麼須要寫next()

2、Koa應用可以使用以下幾種中間件：

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

 

3、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

查看命令行工具打印輸出