混合APP的两种架构,H5 + Webview,React native结构(上图)。html
Cordova是Apache软件基金会的一个产品。其前身是PhoneGap,由Nitobi开发,2011年10月,Adobe收够了Nitobi,而且PhoneGap项目也被贡献给Apache软件基金会。Apache在2012年12月,发布了Cordova。前端
该框架的目标用户群体是原生开发者,其设计初衷是但愿用户群体可以经过跨平台开发的方法下降原生开发的成本。为此,开发人员须要安装原生开发环境,配置工程,使用HTML五、CSS三、JS和原生SDK生成应用。react
Cordova的优点很明显,可使用的框架、原生接口、支持平台都不少。android
项目分析git
分析报告程序员 |
|
|
|
|
|
|
|
|
总结:github
生态成熟,有更多可搭配工具使用,开源代码可自由定制;web
Ref:数据库
https://www.w3cschool.cn/cordova/apache
https://github.com/apache/cordova-android
https://github.com/apache/cordova-lib
Ionic = Cordova + AngularJS + 一套样式库。
ionic是一个专一于用WEB开发技术,基于HTML5建立相似于手机平台原生应用的一个开发框架。绑定了AngularJS和Sass。这个框架的目的是从web的角度开发手机应用,基于PhoneGap的编译平台,能够实现编译成各个平台的应用程序。
1.ionic 基于Angular语法,简单易学。
2.ionic 是一个轻量级框架。
3.ionic 完美的融合下一代移动框架,支持 Angularjs 的特性, MVC ,代码易维护。
4.ionic 提供了漂亮的设计,经过 SASS 构建应用程序,它提供了不少 UI 组件来帮助开发者开发强大的应用。
5.ionic 专一原生,让你看不出混合应用和原生的区别
6.ionic 提供了强大的命令行工具。
7.ionic 性能优越,运行速度快。
项目分析
分析报告 |
|
|
|
|
|
|
|
|
总结:
AngularJS 学习曲线陡峭,须要时间,性能较好,备选;
Ref:
http://www.runoob.com/ionic/ionic-tutorial.html
https://github.com/ionic-team/ionic
AppCan成立于2010年,2011年推出产品并测试,2012年正式推出品牌,2013年商业模式成型,2014年开发者注册约70w。AppCan不是开源平台,同时,企业版和部分插件是收费的。换句话说,AppCan只是一个卖软件的商业公司。
项目分析
分析报告 |
|
|
|
|
|
|
|
|
总结:
闭源,商业化产品,免费版限制太多;
Ref:
DCloud大部分产品开源,W3C会员单位,HTML5中国产业联盟的发起公司之一,在HTML5这个行业有必定的江湖地位。旗下四款产品:HBuilder、5+ Runtime、MUI、流应用都是弥补并扩展HTML5特性的产品。该公司的理念就是解决HTML5的性能、工具、能力三方面的问题。
MUI是一款不错的前端框架,性能比 jQuery Mobile、Bootstrap好不少,主要区别:
设计思路不一样,MUI坚持用原生JS作,不依赖jQuery或者Angularjs。
MUI调用了5+ Runtime的底层原生加速,比不带原生加速的框架更快。
项目分析
分析报告 |
|
|
|
|
|
|
|
|
总结:
生态已初步完善,技术完整(基础框架+开发工具),免费+MUI开源,标准HTML5路线,适合专业开发人员;
Ref:
https://github.com/dcloudio/mui
APICloud提供原生应用的功能模块(设备访问,界面布局,开放SDK等),开发者能够经过JS调用。前端工程师负责页面布局,UI展示,及简单的交互,原生模块负责性能方面和功能实现,二者结合造成一个完整的应用。同时APICloud提供了云数据库的功能,前端没必要了解PHP,Node.js等后端语言,经过JS接口或Restful API实现数据库的增删改查。
可是APICloud的更新速度很快,版本不太稳定。并且,它是为不懂APP开发的人士准备的,不适合科技公司和程序员。
项目分析
分析报告 |
|
|
|
|
|
|
|
|
总结:
生态很差,名声很差,面向群体不适合?;
Ref:
在移动开发领域引发了轰动,React Native 是来自 Facebook 开发人员发布的完整的 JS 框架。RN 为开发人员提供了建立本地应用程序很是类似的跨平台软件的能力,它基于 ReactJS 库。
项目分析
分析报告 |
|
|
|
|
|
|
|
|
总结:
学习成本高,很火,坑多;
Ref:
https://github.com/facebook/react-native
Airbnb 以后,Udacity 也加入弃用 React Native 队列
WeX5是专一HTML5 App开发的快速开发工具;
彻底开源、完全免费;
用WeX5开发的HTML5 App 应用具有“一秒打开”的性能优点;
WeX5开发者只要一次开发,就能支持同时发布成Web App、安卓App、苹果App、微信App 等各类应用;
遵循Apache开源协议,支持开发者对开发的APP进行加密;
WeX5配置一套可视化开发环境,包含上百个组件,开发应用便捷;
项目分析
分析报告 |
|
|
|
|
|
|
|
|
总结:
过分的封装与组件化,非标准化的技术路线,不适合专业的开发人员;
Ref:
Ref: