koa学习之路三

以前的文章咱们介绍了一下 koa 路由，get 传值，动态路由，本节咱们看一下 koa 中间件 以及 koa 中间件的洋葱图执行流程。

1、什么是 Koa 的中间件

通俗的讲：中间件就是匹配路由以前或者匹配路由完成作的一系列的操做，咱们就能够把它叫作中间件。

在express中间件(Middleware)是一个函数，它能够访问请求对象(request object (req)), 响应对象(response object (res)), 和 web 应用中处理请求-响应循环流程中的中间件，通常被命名为 next 的变量。在 Koa 中中间件和 express 有点相似。

中间件的功能包括:

　　执行任何代码。

　　修改请求和响应对象。

　　终结请求-响应循环。

　　调用堆栈中的下一个中间件。

若是个人 get、post 回调函数中，没有 next 参数，那么就匹配上第一个路由，就不会往下匹 配了。若是想往下匹配的话，那么须要写 next()

2、Koa 应用可以使用以下几种中间件:

　　应用级中间件

　　路由级中间件

　　错误处理中间件

　　第三方中间件

 

咱们先来看一下应用级中间件，咱们仍是按照以前的项目将 app.js 改成以下：

//引入 koa模块
var Koa = require('koa');
var Router = require('koa-router');

//实例化
var app = new Koa();
var router = new Router();

//匹配任何路由，若是不写next，这个路由被匹配到了就不会继续向下匹配
app.use(async (ctx, next) => {
    console.log("我是一个中间件");
    // 当前路由匹配完成之后继续向下匹配
    await next();
});

//配置路由
router.get('/', async (ctx) => {
    ctx.body = "首页";
});
router.get('/news', async (ctx) => {
    ctx.body = "新闻列页面";
});

//启动路由
app.use(router.routes());
app.use(router.allowedMethods());

app.listen(3000);

咱们在匹配路由以前写了一个 app.use(async ()=>{}) 的中间件，该中间件若是不像 router.get 那样写一个参数 "/" 或 "/news"，那么它将匹配任何一个路由，且最早匹配，若是咱们在其中写 next() 的话，则会终止在此，再也不向下陪陪路由，运行结果以下：

咱们在编辑器的控制台看一下输出日志：

 

接下来咱们看一下路由中间件：

//引入 koa模块
var Koa = require('koa');
var Router = require('koa-router');

//实例化
var app = new Koa();
var router = new Router();

//配置路由
router.get('/', async (ctx, next) => {
    console.log("控制台打印");
    // 当前路由匹配完成之后继续向下匹配
    await next();
});
router.get('/', async (ctx) => {
    ctx.body = "首页";
});
router.get('/news', async (ctx) => {
    ctx.body = "新闻列页面";
});

//启动路由
app.use(router.routes());
app.use(router.allowedMethods());

app.listen(3000);

在上面的代码中咱们定义了两个 router.get('/',  ) 的路由，第一个咱们在控制台输出一句话，第二个咱们想页面输出内容。若是在第一个里面咱们不写 next() 方法的话，则不会进入第二个里面，结果以下：

控制台打印结果

 

接下来咱们看一下错误处理中间件：

//引入 koa模块
var Koa = require('koa');
var Router = require('koa-router');

//实例化
var app = new Koa();
var router = new Router();

//匹配任何路由，若是不写next，这个路由被匹配到了就不会继续向下匹配
app.use(async (ctx,next)=>{
    await next();
    //若是页面找不到
    if(ctx.status==404){
        ctx.status = 404;
        ctx.body="404 页面"
    }
});

//配置路由
router.get('/', async (ctx) => {
    ctx.body = "首页";
});
router.get('/news', async (ctx) => {
    ctx.body = "新闻列页面";
});

//启动路由
app.use(router.routes());
app.use(router.allowedMethods());

app.listen(3000);

咱们还按以前的应用中间件那样写，而后在里面作了一个 if 语句判断，当页面响应时，会给后端返回一个 status 码，这个就不在单独说了，若是这个 status 报 404，咱们知道表示该页面不存在，那么咱们就能够拦截 next() 方法，输出给前端一个 404 页面，结果以下：

咱们匹配了一个 "/news" 路由，能够正常显示内容，若是咱们不当心少写一个 "s"，写成了 "new"，结果以下：

在上面的代码中咱们是将 if 判断语句放在了 next() 方法以后，那能不能放在 next() 以前呢？这个问题咱们在下面的 koa 中间件流程控制中再详细说明。

 

第三方中间件在以后的文章中咱们用到了第三方模块时再说。

接下来我么看一下 koa 中的中间件流程控制。

koa被认为是第二代node web framework，它最大的特色就是独特的中间件流程控制，是一个典型的洋葱模型。

 

上面的两张图能够很直观的说明 koa 中的中间件流程控制。咱们接下来用代码演示一下：

//引入 koa模块
var Koa = require('koa');
var Router = require('koa-router');

//实例化
var app = new Koa();
var router = new Router();

app.use(async (ctx, next) => {
    console.log('一、这是第一个中间件01');
    await next();
    console.log('五、匹配路由完成之后又会返回来执行中间件');
});

app.use(async (ctx, next) => {
    console.log('二、这是第二个中间件02');
    await next();
    console.log('四、匹配路由完成之后又会返回来执行中间件');
});

router.get('/', async (ctx) => {
    console.log('三、匹配到了news这个路由');
    ctx.body = "首页";
});

//启动路由
app.use(router.routes());
app.use(router.allowedMethods());

app.listen(3000);

咱们在上面的代码引用了两个应用级的中间件，分别在 next() 先后输出日志，当咱们访问 localhost:3000/ 时，咱们看一下控制台的输出结果：

从输出打印结果顺序咱们能够看出中间件会先逐级处理 request  请求，而后再返回来逐级处理 response 请求，这就是咱们为何要将 错误处理中间件 中的 if 判断语句放在 next() 方法以后，这样就是在路由进入 "/news" 后返回 status = 404 的结果后再进行处理，若是放在了 next() 方法以前，则会直接判断 if 语句，不会再向下匹配 "/news" 路由了。好比咱们的用户登陆系统就能够这么用，当用户输入帐号密码后出入后台，后台在数据库匹配以后再进行处理，处理以后返回给前端，就是这么玩的。

 

内容来自：http://www.javashuo.com/article/p-qmgkhtkv-ho.html