Chair:支付宝前端团队推出的Node.js Web框架

小云栖
 小云栖
发布于 2016年01月15日
收藏 269

Chair是支付宝前端团队推出的,基于Node.js的Web框架,适用于大部分的Web应用。

本文简要介绍Chair的设计思想、功能架构和开发状况。

chair_logo_small

一、Chair的由来和设计思想

历史上,支付宝前端项目都是直接基于Java后端开发的。这种架构下,前端工程师做出网页模板(基于velocity模板引擎的vm文件),交给后端的Java引擎渲染。支付宝采用的Java引擎是名为Sofa的MVC框架。

java_flow_small

对于前端工程师来说,这种架构有很多不方便的地方。首先,需要了解后端的实现,并且依赖开发环境中的dev服务器进行调试开发;其次,开发细节需要与后端的 Java工程师沟通,交流成本相当大;最后,难以发起技术创新,因为只要涉及后端的调整,推动起来非常困难。在前端技术日新月异的今天,这已经越来越成为 前端工程师心中的痛。

Chair框架就是在这种背景下诞生的,我们希望通过加入一个Node层,加速前端开发,提升研发效率,提高网站整体性能和系统的可维护性。

作为Sofa的替代,Chair直接与底层的Java服务通信,而客户端浏览器则与Chair通信,这样就不使用Sofa了。前端工程师因此可以完全不碰Java,使用熟悉的JavaScript语言,同时在浏览器和服务器两端进行快速迭代。

chair_flow_small

事实上,Chair这个名字就是来自跟Sofa的对比,因为两者都能坐人,但是椅子(Chair)比沙发(Sofa)轻多了。支付宝已经有了沙发,我们想再为它添一把椅子。

Chair为前端开发,带来了很多便利。

  • 提高了研发效率,前端工程师直接可以改动服务器,避免了与Java后端不必要的沟通成本。

  • 更清晰的职责划分,前端针对表现层(View)开发,后端针对业务和数据(Controller和Model)开发。

  • 更好的⼯程化,前端自己就能完成单元测试、集成测试和自动发布。

  • 节省人工,同样的组件(比如模板和路由)只需要写一次,不用再为浏览器和服务器各写一遍了。

  • 预期的性能提升,Node作为服务器端时,有很强的HTTP请求处理能力。

目前,Chair已经投入了生产环境,与Sofa各自支持着不同的支付宝Web应用。预计不远的将来,会出现更多基于Chair的Web应用。

二、Chair的结构

Chair的基础代码,是基于Koa框架的再开发,使用的语言是下一代JavaScript——ECMAScript 6,模板引擎是Nunjucks,但也可选用其他引擎。同时兼容Velocity模板,现有绝⼤部分模板⽂件⽆需修改也能正常渲染。

chair_structure_small

整个框架从浏览器到服务器,一共分成五层:

  1. 路由层(routers):适配不同路径的HTTP请求

  2. 中间件层(middlewares):加工HTTP请求

  3. 控制器层(controllers):部署业务逻辑

  4. 服务层(services):提供内部的统一API,供不同业务调用

  5. 代理层(proxy):负责与Java服务通信,提供统一格式的数据

除了模板引擎以外,Chair还部署了一些功能组件,比如mock(数据模拟)和logger(日志器)。

Chair根据业务实际需求和现有架构高度定制。虽然从结构上看,Chair可以提供完整的后端功能,但目前主要用于模板渲染和路由。真正的业务逻辑和数据处理,还是要交给后端的Java服务。

 

三、性能提升

Node的加入,为很多功能提供了很大的性能改进。根据压测的结果,使用Chair(下图的web)比使用原来的方案(下图的portal),响应时间和系统负载能力至少提高一倍以上。

performence_compare_small

chair_performance_table_small

四、Chair的开发进度

12月上旬,Chair发布了0.5版。除了修正Bug,这一版主要添加了以下功能。

  • 支持 cookie session, 不依赖 tair

  • 支持连接 MySQL数据库

  • 支持mvc stat 和 rpc stat 日志统计

  • 支持统一导航 uninav 模板

  • 页面数据模拟 pagemock

目前,Chair正处于密集开发之中,预计明年上半年发布1.0.0版。

该文章来自阿里巴巴技术协会(ATA)精选集,作者:兔哥。

文章链接——云栖社区http://yq.aliyun.com/articles/2921

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动共创开源社区。
转载请注明:文章转载自 开源中国社区 [http://www.oschina.net]
本文标题:Chair:支付宝前端团队推出的Node.js Web框架
加载中

最新评论(55

canx
canx

引用来自“Jack_Q”的评论

ie7,8,9兼容吗?

引用来自“若水尘埃”的评论

兼容个屁啊,这是后端框架。

引用来自“中奖啦”的评论

。。。。
呼呼哈哈
我还是那个我
好期待
wangjianguo123
wangjianguo123
[吐舌][呲牙]
啦啦啦拉拉
啦啦啦拉拉

引用来自“小肥侠”的评论

看了阮一峰的微博,说这个不会开源,因为和阿里的业务绑定太深。
嗯嗯
小肥侠
小肥侠
看了阮一峰的微博,说这个不会开源,因为和阿里的业务绑定太深。
g8up
g8up
我裤子都脱了,你还不开源!
开源中国首席老王
开源中国首席老王

引用来自“Jack_Q”的评论

ie7,8,9兼容吗?

引用来自“独孤青冥”的评论

你咋不提ie6呢,多么古老的玩意啊

引用来自“隔壁家老王”的评论

IE5-能兼容不?

引用来自“Chriesh”的评论

老王,你又来捣乱了,隔壁的不孕不育夫妇你帮他们搞定了吗?
早就生了,还有隔壁小冯,五一才认识他现在的老婆,这2天也快生了,,,,,,老王,殖得拥有
k
kaven276
如果后台不用 java 了,直接用 node.js 不就结了吗?这样架构越堆越厚越复杂,永远无轻松之日。
Chriesh
Chriesh

引用来自“Jack_Q”的评论

ie7,8,9兼容吗?

引用来自“独孤青冥”的评论

你咋不提ie6呢,多么古老的玩意啊

引用来自“隔壁家老王”的评论

IE5-能兼容不?
老王,你又来捣乱了,隔壁的不孕不育夫妇你帮他们搞定了吗?
返回顶部
顶部