Hybrid App(混合模式移动应用)是指介于web-app、native-app这两者之间的app,兼具“Native App良好用户交互体验的优势”和“Web App跨平台开发的优势”。
Hybrid App开发框架有很多,在此做了一个记录。这里没有覆盖所有的框架,而且有一定的偏好,更多的希望能找到一个适合我们技术背景的选择。
国内
一、AppCan http://www.appcan.cn/
号称国内 [Hybrid混合开发]、[移动平台]、[移动云平台]的倡导者&领导者,从网站上来看有不少政企的客户。
AppCan Javascript SDK: 是appcan根据自己的需求封装的一个开发库,对底层的接口进行更高层的封装,能让开发者更快速、 高效的开发更加稳定的项目,该库依赖backbonejs、zeptojs、underscorejs默认打包在基础库中,开发者 不需要进行额外的引用,另外在该库的基础上提供了丰富的插件,能让开发者更高效的开发app。
IDE:AppCan IDE是基于Eclipse定制的移动集成开发环境,专为无Native开发经验的HTML开发人员设计。
小结:该有的都有,UI的文档感觉比较简单。
二、DCloud http://dcloud.io/
- HBuilder
HTML5 IDE,飞速编码的极客工具,手指爽,眼睛爽下载。
- 5+Runtime
增强版的手机浏览器引擎,让HTML5达到原生水平!原生40万API随意调用。
- MUI
最接近原生App体验的前端框架。
小结:感觉对开发非常友好,突出的特点的性能。IDE、UI都很齐全、
三、APICloud http://www.apicloud.com/
IDE支持:APICloud Studio(基于Eclipse),Sublime Text插件(支持Linux),Atom插件,WebStom插件
端API
SuperWebView:APICloud官方推出的另一项重量级API生态产品,以SDK方式提供,致力于提升和改善移动设备Webview体验差的整套解决方案。
小结:和DCloud非常类似,但是定位推广策略略有不同,APICloud可能更多是站在用户(不一定是开发)想解决用户的APP开发需求,最近重点推出了App外包服务。
四、Weex http://weex-project.io/cn/
是阿里的一个项目,对应React-Native而推出的Vue-Nactive。基于Vue编写,最后能编译成原生代码进行发布。
国外
一、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来做的。
二、React Native
https://facebook.github.io/react-native/
一句话,Build native mobile apps using JavaScript and React。
三、OnsenUI
https://onsen.io/
基于PhoneGap / Cordova,提供了一个统一的UI框架和工具,让你可以使用AngularJS、React、Vue之类的框架来进行App的开发,进一步提高App的开发效率。
四、Quasar Framework
http://quasar-framework.org/
也是基于Cordova,也支持Electron,不过是完全使用Vue2来进行架构。
类似的项目还有Framework7等等好多。
其他
RubyMotion
http://www.rubymotion.com/
使用同一种语言(Ruby)和同一套开发环境同时开发 iOS 和 Android 应用。RubyMotion 应用是静态编译的,并可以调用各平台原生 API。
RubyMotion并不算Hybrid开发,但是对于我们来说也是可以尝试的一条道路呢。Mark一下!
总结
下一步研究可能更多集中在使用Vue开发的框架之上,例如Weex、OnsenUI、Quasar,而Cordova作为许多项目的基础,也是深入了解的内容。国内的DCloud、APICloud并不支持ES6,这个是一个硬伤。
RubyMotion作为兴趣会作为课余的辅助了解对象。期望最后能够确定一个适合于我们团队和应用的最优解决方案。