浅谈Koa框架

本文原创:zhangwei

前言

在前言中,首先想提出这样三个问题:

1.前端开发者学习Node开发的意义?

2.Node开发可以帮助我们解决哪些问题?

3.什么是Koa框架?

Node开发的意义

近些年,随着前端领域涉及的范围越来越广,前端开发者关注的事情也越来越多。之前大多数人对于前端的定义是负责页面展示,并不需要去关心数据。但随着业务的发展,更多的前端开发者开始关注接口的定义、前后端的交互以及数据结构的设计与实现。Node相对于传统的C、C++、Python、Java等语言更容易上手,其语法特性也容易被前端开发者所接受,因为Node应该是前端学习的首选。学习Node可以定义更清晰的架构,帮助前端扩展业务范围,也意味着更多的可能性

Node开发解决的问题

现在前后端的定义愈发模糊,在许多公司的中大型项目中,架构已经由传统的前后双层结构发展为前中后三层结构。与此同时前端开发者最为清楚自己需要哪些数据结构,所以将数据结构的定义交给前端开发者是比较好的做法。此外还可以将后端中和客户端更为紧密的部分抽离出来,形成中间件,比如服务端渲染数据聚合接口转发等等。

基础

Koa框架的定义

Koa框架是一个基于Node实现的web框架。

对比于Express框架,丢弃了回调函数,并有效地增强了异常处理

丢弃回调函数是因为Koa使用Promise配合Async函数实现异步,解决了Node回调地狱的问题。 Express框架实现错误处理是通过错误处理中间件,这样把错误一层一层抛出来,交由错误处理中间件处理;而到了Koa则是通过全局错误事件监听,这样把错误处理写在最外层即可。

Koa框架的发展

Koa框架的发展:

Express => Koa => Koa2(Koa框架的发展史本质上是Node的web框架的发展史)

其实质上是中间件实现方式上的变更:

线性结构=>generator+co库=>Promise+Async

Express框架

Express实现的原理是对Node.js的http进行了封装。

pic1.png

缺点:Express基于的是ES5语法,因此要实现异步代码,只有一个方法就是回调。当嵌套层次较多的时候,就会出现我们比较熟悉的回调地狱的问题。

Koa1.0

Koa1.0是基于Es6generator重写的一个web框架。

pic2.png
Koa2.0

Koa2.0在Koa1.0的基础上,使用了Es6语法进行了重构,使用Promise配合Async实现异步。

pic3.png
Express中间件实现

Express线性模型中间件是通过堆栈实现的。

pic4.png
源码解析
pic5.png

与中间件有关的部分:

  1. router文件夹处理的是路由的逻辑。

  2. application.js挂载了所有的核心方法。

  3. express.js继承application.js并对外暴露接口。

其中application.js包含了两个比较重要的方法,proto.useproto.handle两个方法。

pic6.png

proto.use将我们需要挂载的中间件存储到自身的stack属性上。

pic7.png

proto.handle的核心思想是通过对于next方法的递归调用,对stack中的中间件取出执行。

为什么说Express中间是线性结构?
pic8.png
pic9.png

当有异步代码时,将会跳过异步代码(next)执行,需要等待当前队列中的事件全部执行完毕,因此代码的输出是线性的。

Koa中间件实现原理

Koa的中间件实现方式上与Express不同,Express选择了线性模型,Koa选择了洋葱圈模型

pic10.png

洋葱圈模型特点:所有的请求经过一个中间件的时候都会执行两次;非常方便的实现后置处理逻辑

源码解析

Koa与Express相比在中间件实现方式上最大的不同是use方法的不同。

pic11.png
pic12.png
pic13.png
pic14.png
pic15.png

在Koa的use函数内,中间件入栈,在compose函数中对中间件数组进行递归调用,返回一个promise链。整个过程的核心就是调用compose函数,将中间件函数数组转化为compose函数const fn = compose(this.middlewaire);然后调用fn,就会依次执行所有的中间件函数;而且上下文ctx也会贯穿所有的中间件函数。

总结

一句话概括学习Node开发对于一个前端开发者的意义:短期小收益,中期高收益,长期必然趋势。我们可以有更丰富的手段去进行业务上的改进,也可以对前后端交互有更为深刻的认识。而Koa框架对比Express,无论从结构上还是语法上都更为适合以后前端的发展,所以更为推荐采用Koa框架去进行前端扩展的开发。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 193,968评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,682评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,254评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,074评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 60,964评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,055评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,484评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,170评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,433评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,512评论 2 308
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,296评论 1 325
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,184评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,545评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,880评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,150评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,437评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,630评论 2 335

推荐阅读更多精彩内容