Clouda框架介绍与应用场景

原创
移动开发
Clouda是一个NodeJS Web开发框架,但是,与流行的Express框架不同,Clouda是一个完整的前后端开发解决方案,等价于目前热议的MEAN架构。

clouda

Clouda是一个NodeJS Web开发框架,但是,与流行的Express框架不同,Clouda是一个完整的前后端开发解决方案,等价于目前热议的MEAN架构。

MEAN是指mongoDB+Express+AngularJS+NodeJS,在Clouda中则是mongoDB+Clouda core+Handlebar+NodeJS,Clouda是一个集成框架,相对来说比MEAN要容易上手,另外Clouda中实现了前后端数据绑定和 UI实时刷新,也就是实时性。

与Clouda类似的NodeJS实时Web框架有Meteor、socketstream、Derby,另外网易有基于NodeJS的游戏服务端框架pomelo,也支持开发实时性Web App。

历史

Clouda框架是百度历经两年开发出来,并在Github上开源,2013年8月百度世界大会上正式发布。截止至2014年5月已至0.10.2版本。

Clouda的前身是sumeru(西米露) WebApp平台,据传该平台由前百度云***架构师林仕鼎设计,由百度移动云部门下面的技术团队开发,并由童遥担任项目负责人。

Clouda是配合百度移动云战略而研发出来的,是百度轻应用战略的一部分,其目标是打造媲美原生应用性能的Mobile Web App,也是为了提高轻应用的性能表现。

官网:http://cloudajs.org/
Github:https://github.com/brandnewera/sumeru

特性

官方网站上介绍Clouda的特性如下:

云端统一。只用Javascript一门语言,抹平云端界限,一份代码处处运行。这是属于nodejs的特性。

实时编程。所有数据实时推送的基础设置,每个终端都无延迟同步响应。

随动反馈。面向数据的编程模型,数据实时推送后,界面会自动更新。这两条说的其实就是一个事,就是实时性。

专为移动。为智能手机与平板电脑特别设计,运行性能高,标配离线能力。

高兼容性。标配数据同步工具,兼容已有服务;同时兼容Backbone等开源框架。也就是说一些组件可以被替代,如handlebar.js和Clouda UI。

一键托管。无缝整合百度BAE云环境,即可自建服务器也可一键托管在百度云。

SEO能力。原厂匹配主流搜索引擎,每个APP场景都可以被搜索引擎爬虫抓取。这两条是为配合百度的服务准备的,其实还可以加一条,就是快速接入轻应用。
入门简单。简单语法搭配丰富教程与文档,保证快速上手,还配有5分钟教程。Clouda框架还是需要一些学习成本的,虽然比其他的框架可能要简单一点。

组件介绍

mongoDB:mongoDB是Clouda正常运行所依赖的环境,mongoDB是非关系文档型数据库,数 据以json的二进制扩展bson存储,读取出来的数据可以直接在javascript中操作而无需进行转换。Clouda使用mongoDB官方开发的 驱动组件mongodb来操作数据库。

另外Clouda还支持Redis的分布式存储,不过也需要先有Redis环境。

Handlebar.js:一个弱逻辑的js模板引擎库。它的特点是你可以像在ddcms、wordpress中写模板一样来写页面。它可以将数据绑定到html节点,并在数据改变时实时刷新UI。

这个库是可替换的,你可以切换到backbone等其他模板引擎上。

Handlebar.js官网:http://handlebarsjs.com/

SockJS:SockJS是一个可以提供类似websocket对象的js库,能提供服务器和浏览器之间的一致连贯的、跨浏览器的连接。websocket是可选的,SockJS可以用自己的协议来代替,也就意味着可以支持较低版本的浏览器。

SockJS Github:https://github.com/sockjs/sockjs-client

Clouda UI:Clouda UI是一个支持双向数据绑定的轻量级UI框架,里面封装的是GMU组件,GMU是百度FEX Team为轻应用开发的一套移动优先的UI组件,不过现在已经开源出来,可以在Clouda里用,也可以单独使用。

GMU官网:http://gmu.baidu.com/
GMU Github:https://github.com/fex-team/GMU

Clouda的依赖里面还包含其他node模块,如Clean-CSS、shelljs、uglify-js,因为不是很重要这里就不提了。

核心架构

Clouda项目默认使用MVC架构,我根据官网的介绍和实际项目的代码画了一张示意图如下:

clouda架构

从图中可以看到Controller并没有和Model直接交互,而是通过一个Pub/Sub模型。由于Clouda使用SockJS和Handlebar实现了Model到View间的数据绑定,实际上这个架构是有点接近于MVVM了。

Clouda项目负责人童遥在一次演讲上演示的架构如下:

clouda架构2

童遥的演讲讲了为什么要开发实时性的Web App框架以及设计思路,不少干货还是值得一看的:云端一体的WebApp实时基础设施设计思路

应用场景

由于Clouda使用了类websocket机制,每一个浏览页面的用户都要创建一个长连接对服务器进行轮询,因此***每一个浏览页面的用户都是重 度用户,而不是看一下页面就离开。Clouda的设计本来是为Mobile Web App,因此可以适用,但实际上也是可以用于PC浏览器上的,即Web App。

同时,每次Clouda启动都会动态的创建页面资源,因此页面越少越好。

综上,Clouda适用于页面少的Web App,即在线工具和服务等,而不适用于用户平均在线时长和PV/IP比偏低的服务,如Blog、CMS等偏静态页面的开发。

官方提供了以下功能示例代码,你可以认为它们是Clouda适用的应用场景。

  • TO-DO list
  • 多人聊天室
  • 多频道的聊天室
  • 带数据验证的用户系统
  • 获取第三方数据

在Clouda官网的客户案例页面提供了更多的示例,这些是业务层面的,全部都是Mobile Web App,总结如下:

  • 客服页面
  • 招聘网站
  • 旅游攻略
  • 导购
  • 菜谱
  • 违章查询

可以看到业务案例大多是IO密集的数据库查询。这也是NodeJS的强项。

与其他框架、语言配合

Clouda会生成独立的项目,因此无法与其他NodeJS框架如express***协同,不过Clouda支持express的数据接口。

另外Clouda会动态生成页面文件,因此也无法与其他语言如php等进行混合开发,不过也可以用API和组件的方式协同。

期待

Clouda的理念很先进,但也有不完善之处,以下是希望Clouda进行改进和完善的地方。

更抽象,能够选用模块,而不是默认封装。在MEAN架构中,除了NodeJS,其他模块应该是可替换的,我们希望Clouda也能做到模块可替换,目前只是前端类库可替换,这还不够。

更广泛的适用性。即能支持非实时应用的开发,网络上的内容其实大多数不要求完全的实时性,我们希望Clouda即能支持实时,也能支持非实时。

组件化。Clouda由于使用长连接能够用于显示用户的在线状态,因此非常适用于会员系统、IM组件的开发,希望Clouda能开发一个mini组件版,去掉不必要的东西,能方便的嵌入到其他应用程序里面。

---------------------

更新:据内部消息,Clouda正在酝酿一次大的改版,将功能细化,使框架底层对开发者更透明。预计6月份会出一个预览版。

责任编辑:徐川 来源: idlelife
相关推荐

2013-10-31 10:57:10

CloudaManifest

2013-09-09 15:55:12

SDN应用场景

2013-10-30 22:50:30

Clouda结构

2011-05-17 15:24:18

Shibboleth认证

2024-09-19 08:08:25

2023-11-13 08:31:25

SpringRedis存储

2023-08-16 08:07:36

2013-10-31 11:04:03

Cloudapackage.js

2012-10-23 09:32:07

2017-11-22 10:23:32

存储系统VeSpace

2015-06-15 10:03:52

联想互联网

2021-09-06 15:39:00

大数据技术医疗

2022-04-10 23:38:33

Redis数据结构开发

2021-06-15 09:20:08

Redis数据类型

2022-02-14 16:23:08

零信任SDP黑客

2021-01-07 22:46:43

人工智能农业疫情

2021-03-08 08:48:02

应用场景项目

2017-06-01 15:52:40

无线技术物联网WIFI

2022-09-05 14:46:01

元宇宙区块链人工智能

2019-04-10 15:43:12

SDN场景网络架构
点赞
收藏

51CTO技术栈公众号