学习KOA框架

  1. Context 对象

Koa 提供一个 Context 对象,表示一次对话的上下文(包括 HTTP 请求和 HTTP 回复)。通过加工这个对象,就可以控制返回给用户的内容。

Context.response.body属性就是发送给用户的内容

const Koa = require('koa');
const app = new Koa();
const main = ctx => {
 ctx.response.body = 'Hello World';
};
app.use(main);
app.listen(3000);
复制代码

上面代码中,main函数用来设置ctx.response.body。然后,使用app.use方法加载main函数。

你可能已经猜到了,ctx.response代表 HTTP Response。同样地,ctx.request代表 HTTP Request。

  1. 路由

原生路由用起来不太方便,我们可以使用封装好的koa-route模块

const route = require('koa-route');
const about = ctx => {
 ctx.response.type = 'html';
 ctx.response.body = '<a href="/">Index Page</a>';
};
const main = ctx => {
 ctx.response.body = 'Hello World';
};
app.use(route.get('/', main));
app.use(route.get('/about', about));
复制代码
  1. 静态资源

如果网站提供静态资源(图片、字体、样式表、脚本…),为它们一个个写路由就很麻烦,也没必要。koa-static模块封装了这部分的请求。

const path = require('path');
const serve = require('koa-static');
const main = serve(path.join(__dirname));
app.use(main);
复制代码
  1. 中间件
const logger = (ctx, next) => {
	 console.log(`${Date.now()} ${ctx.request.method} ${ctx.request.url}`);
 next();
}
app.use(logger);
复制代码

像上面代码中的logger函数就叫做"中间件"(middleware),因为它处在 HTTP Request 和 HTTP Response 中间,用来实现某种中间功能。app.use()用来加载中间件。

基本上,Koa 所有的功能都是通过中间件实现的,前面例子里面的main也是中间件。每个中间件默认接受两个参数,第一个参数是 Context 对象,第二个参数是next函数。只要调用next函数,就可以把执行权转交给下一个中间件

  1. express和koa中间件对比

express中间件是一个接一个的顺序执行 koa中间件是按照圆圈循环进行,即从外层到内层,又从内层回到外层来结束。

koa2的中间件是通过 async await 实现的,中间件执行顺序是“洋葱圈”模型。 中间件之间通过next函数联系,当一个中间件调用 next() 后,会将控制权交给下一个中间件, 直到下一个中间件不再执行 next() 后, 将会沿路折返,将控制权依次交换给前一个中间件。
与 koa2 中间件不同的是,express中间件一个接一个的顺序执行, 通常会将 response 响应写在最后一个中间件中 主要特点: app.use 用来注册中间件 遇到 http 请求,根据 path 和 method 判断触发哪些中间件 实现 next 机制,即上一个中间件会通过 next 触发下一个中间件

最后

分享移动开发与微信小程序开发该做哪些!其中有哪些关键的技术点!需要下图学习教程的欢迎加入web前端交流群: 806704729获取!
点击链接加入群聊【前端技术交流群】:https://jq.qq.com/?_wv=1027&k=5Khz3eY

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值