中间件的工作原理
初始化koa实例后,我们会用use方法来加载中间件(middleware),会有一个数组来存储中间件,use调用顺序会决定中间件的执行顺序。
每个中间件都是一个函数(不是函数将报错),接收两个参数,第一个是ctx上下文对象,另一个是next函数(由koa-compose定义)
在建立好http服务器后,会调用koa-compose模块对middleware中间件数组进行处理。具体代码这里就不贴了,原理就是:会从middleware数组中取第一个函数开始执行**,中间件函数中调用next方法就会去取下一个中间件函数继续执行。每个中间件函数执行完毕后都会返回一个promise对象。**(ps:调用next方法并不是表示当前中间件函数执行完毕了,调用next之后仍可以继续执行其他代码)
koa中间件的工作原理类似于洋葱模型,先由外而内,在由内而外!在底下将会举一个代码中的例子!
应用级中间件&&错误级中间件
//应用级中间件,最先执行
app.use(async(ctx,next)=>{
console.log("我是应用级中间件1");
//应用级中间件匹配任何路由,如果不写next()方法,则不会继续向下匹配!
await next();
//错误级中间件,之所以写在这里,和洋葱模型有关系,所有的应用级中间件执行完,又会从后往前执行await next()方法后面的代码!
if(ctx.status==404){
ctx.status=404;
ctx.body='我是404界面,请求失败!'
}
})
const Koa = require('koa')
const app = new Koa()
app.use(async (ctx, next) => {
console.log(1)
await next() // 这里得到的就是中间件2返回的promise对象
console.log(3)
})
app.use((ctx) => {
return new Promise((resolve,reject) => {
setTimeout(() => {
console.log(2)
resolve() //这里如果不写resolve,则代码会卡在这里!
}, 2000)
})
})
app.listen(3000) //输出结果是1 2 3
路由级中间件
router.get('/news', async (ctx,next) => {
console.log("这是没有返回数据的新闻中间件!"); //如果不写next()方法,则不会继续匹配下面的路由方法!
await next();
})
router.get('/news', async (ctx) => {
ctx.body = "这是新闻界面"
})
最后就是async和await的使用,了解await后面跟的对象是promise对象和普通函数的区别!