koa【05】中间件的执行流程

/*
Koa 的中间件,无论写在前面还是后面,都会先执行中间件的代码,
 */
/*
 Koa 路由 get 传值
在 Koa2 中 GET 传值通过request接收,但是接收的方法有两种: query 和 querystring
query : 返回的是格式化好的参数对象
querystring : 返回的是请求字符串

 */

// 引入模块
const Koa = require("koa");
const router = require("koa-router")(); //引入和实例化路由

// 实例化
var app = new Koa();
// Koa 中间件
/* 以下中间件中,有两个参数,路由地址和函数 ,没有路由只写函数的话,表示   匹配任何路由   ;
如果没有 next ,路由终止, 参数且执行next()函数,则无法向下继续执行;
如果不写 next , 这个路由被匹配到了之后就不会继续向下匹配。
*/

// app.use(async (ctx) => {
//   console.log(new Date()); //返回当前日期时间 2021-01-21T16:31:36.278Z
// });

app.use(async (ctx, next) => {
  console.log("中间件A:第一步a1执行");
  await next();
  console.log("中间件A:倒数第一步a2执行");
});

// 配置路由,ctx (上下万 context) 整合了 response 和 reject
router
  .get("/", async (ctx) => {
    ctx.body = "hi 首页123"; //返回数据  相当于 res.writeHead()  res.end()
  })
  .get("/news", async (ctx, next) => {
    // 与先的路由相同,也可以写成两个,
    console.log("这是路由中间件1");
    ctx.body = "这是新闻页面1";
    await next(); //这里使用了 await next() ,将会继续向下匹配符合条件的路由,所以 ctx.body 浏览器页面出现的是新闻页面2
  })
  .get("/news", async (ctx) => {
    console.log("所有中间件顺着执行完后,执行路由里边的代码,路由执行完成,再倒回去执行中间件的。");
    console.log("页面2");
    ctx.body = "这是新闻页面2";
  });
// 也可以如下写法
router.get("/newscontent", async (ctx) => {
  ctx.body = "新闻详情页面";
});

//

/*
Koa 的中间件,无论写在路由前面还是后面,都会先执行中间件的代码,
相比 Express, Express 是匹配到相应的路由后就不继续向下匹配了。
 */

app.use(async (ctx, next) => {
  console.log("中间件B:第二步b1执行");
  await next();
  console.log("中间件B:倒数第二步b2执行");
});

/*
  //作用:启动路由
  app.use(router.routes())  

  //作用:这是官方推荐的用法,建议使用
  //我们可以看到 router.allowedMethods() 用在了路由匹配 router.routes() 之后,
  //所以在当所有路由中间件最后调用,此时根据 ctx.status 设置 response 响应头
  app.use(router.allowedMethods())  

  app.use(router.allowOrgins()) //跨域使用
*/
app.use(router.routes()).use(router.allowedMethods());
app.listen(3002);
console.log("http://localhost:3002");

/*
访问  http://localhost:3002/news 的时候,执行顺序如下:

中间件A:第一步a1执行
中间件B:第二步b1执行
这是路由中间件1
所有中间件顺着执行完后,执行路由里边的代码,路由执行完成,再倒回去执行中间件的。
页面2
中间件B:倒数第二步b2执行
中间件A:倒数第一步a2执行

 */

 

上一篇:koa【04】错误处理中间件


下一篇:【SQL SERVER】索引