Hybrid App

Hybrid App(混合模式移动应用)是指介于web-app、native-app这两者之间的app,兼具“Native App良好用户交互体验的优势”和“Web App跨平台开发的优势”。

对比

Hybrid App开发框架有很多,在此做了一个记录。这里没有覆盖所有的框架,而且有一定的偏好,更多的希望能找到一个适合我们技术背景的选择。

国内

一、AppCan http://www.appcan.cn/

号称国内 [Hybrid混合开发]、[移动平台]、[移动云平台]的倡导者&领导者,从网站上来看有不少政企的客户。

Paste_Image.png

AppCan Javascript SDK: 是appcan根据自己的需求封装的一个开发库,对底层的接口进行更高层的封装,能让开发者更快速、 高效的开发更加稳定的项目,该库依赖backbonejs、zeptojs、underscorejs默认打包在基础库中,开发者 不需要进行额外的引用,另外在该库的基础上提供了丰富的插件,能让开发者更高效的开发app。

IDE:AppCan IDE是基于Eclipse定制的移动集成开发环境,专为无Native开发经验的HTML开发人员设计。

小结:该有的都有,UI的文档感觉比较简单。

二、DCloud http://dcloud.io/

Paste_Image.png
  • HBuilder

HTML5 IDE,飞速编码的极客工具,手指爽,眼睛爽下载。

  • 5+Runtime

增强版的手机浏览器引擎,让HTML5达到原生水平!原生40万API随意调用。

  • MUI

最接近原生App体验的前端框架。

小结:感觉对开发非常友好,突出的特点的性能。IDE、UI都很齐全、

三、APICloud http://www.apicloud.com/

Paste_Image.png
  • IDE支持:APICloud Studio(基于Eclipse),Sublime Text插件(支持Linux),Atom插件,WebStom插件

  • 端API

  • SuperWebView:APICloud官方推出的另一项重量级API生态产品,以SDK方式提供,致力于提升和改善移动设备Webview体验差的整套解决方案。

  • AUI,http://www.auicss.com/

小结:和DCloud非常类似,但是定位推广策略略有不同,APICloud可能更多是站在用户(不一定是开发)想解决用户的APP开发需求,最近重点推出了App外包服务。

四、Weex http://weex-project.io/cn/

是阿里的一个项目,对应React-Native而推出的Vue-Nactive。基于Vue编写,最后能编译成原生代码进行发布。

Paste_Image.png

国外

一、PhoneCap & Apache Cordova

http://phonegap.com/
Phonegap是一款开源的开发框架,旨在让开发者使用HTML、Javascript、CSS等Web APIs开发跨平台的移动应用程序。原本由Nitobi公司开发,现在由Adobe拥有。PhoneGap被Adobe收购后,剥离了核心代码贡献给 Apache Software Foundation,Apache 将这个项目命名为Cordova ,也就是说 PhoneGap 是基于 Cordova 的。现在很多Hyprid App的框架实际上都是基于Cordova来做的。

Paste_Image.png

二、React Native

https://facebook.github.io/react-native/
一句话,Build native mobile apps using JavaScript and React。

Paste_Image.png

三、OnsenUI

https://onsen.io/
基于PhoneGap / Cordova,提供了一个统一的UI框架和工具,让你可以使用AngularJS、React、Vue之类的框架来进行App的开发,进一步提高App的开发效率。

Paste_Image.png

四、Quasar Framework

http://quasar-framework.org/
也是基于Cordova,也支持Electron,不过是完全使用Vue2来进行架构。

Paste_Image.png

类似的项目还有Framework7等等好多。

其他

RubyMotion

http://www.rubymotion.com/
使用同一种语言(Ruby)和同一套开发环境同时开发 iOS 和 Android 应用。RubyMotion 应用是静态编译的,并可以调用各平台原生 API。

RubyMotion并不算Hybrid开发,但是对于我们来说也是可以尝试的一条道路呢。Mark一下!

Paste_Image.png

总结

下一步研究可能更多集中在使用Vue开发的框架之上,例如Weex、OnsenUI、Quasar,而Cordova作为许多项目的基础,也是深入了解的内容。国内的DCloud、APICloud并不支持ES6,这个是一个硬伤。

RubyMotion作为兴趣会作为课余的辅助了解对象。期望最后能够确定一个适合于我们团队和应用的最优解决方案。

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

推荐阅读更多精彩内容