App跨平台开发框架分析

所谓跨平台App开发，是指一组代码在编写完成后可以在各种平台上发布和运行，如Android、iOS和web。

本地开发是一对一的。Android和iOS需要分别编写两套代码，学习成本高，开发成本高，后期维护麻烦；跨平台APP开发是一套可以同时生成Android和iOS软件包的代码，学习难度低，成本低，开发速度快，后期维护方便。

目前，许多移动App已经采用了跨平台开发技术。流行的技术包括Html5混合开发和Real Native开发。

以下是一些常见的框架：

1.反应本机：

ReactNative基于JavaScript库ReactJs开发iOS和Android原生App。React Native已经在生产环境中使用——Facebook Groups iOSApp就是基于它开发的。

IDE：Atom+Nuclide插件

React Native中没有webview。它不是混合App。它使用JavascriptCore来执行JS。

优势-与HybridApp或Webapp相比：

1.没有Webview，完全摆脱了Webview令人不快的交互和性能问题

2.具有很强的可扩展性，因为Native端提供了基本控件，JS可以自由组合它们

3.可以直接使用本机动画（在FB GroupApp中，面板滑出一点果冻般的弹跳，面板根据某一点展开。随处可见此动画。此动画使用本机代码制作一块蛋糕，但使用Web更难实现）。

优势-与NativeApp相比：

1.您可以通过更新远程JS直接更新App，但这很快就成为大型本地App的标准配置

劣势：

1.可扩展性仍然远不如web，也远不如直接编写本地代码

2.从Native到Web，必须进行许多概念转换，这将不可避免地导致双方之间的妥协。例如，网络需要使用阉割版的CSS。Native通过css布局获得最终样式，然后将其转换为本机表达式方法（如iOS Constraint origin Center和其他属性），然后进行动画。此外，如果Android和iOS需要进行相同的封装，则概念转换将更加复杂。

2.H5混合开发框架

有许多开发框架，可用于快速开发APP。以下四个Dcloud、Cordova、AppCan和统软云很受欢迎。它基本上有自己的UI框架，实现原理是Html+css+js。

3.科尔多瓦：

它由phoneGap开发，是一个基于HTML、CSS和JavaScript的快速开发平台，用于创建跨平台移动App。它使开发人员能够利用iPhone、Android、Palm、Symbian、WP7、Bada和黑莓等智能手机的核心功能，包括地理位置、加速器、联系人、声音和振动。此外，Cordova有丰富的插件可供调用。

4.离子型：

基于Cordova的开发框架。Ionic使用AngularJS创建一个最适合开发功能强大的App的框架。Ionic是一个开源Html5移动App开发框架，它是AngularJS移动终端解决方案。Ionic以流行的跨平台移动应用开发框架Cordova为蓝本，允许开发者通过命令行工具快速生成Android ios移动App。

IDE：网络风暴

包装方式：当地

5.App：

AppCan是基于HTML5技术的Hybird跨平台移动App开发工具。

开发人员使用HTML5+CSS3+JavaScript技术，通过AppCanIDE集成开发系统、云打包器等，在Android、iOS和WP平台上快速开发移动App。AppCan将底层App的复杂原生功能封装在引擎和插件中。开发人员可以通过调用接口、打包和编译来获得本机函数。

它分为公共版和企业版。公共版免费，企业版收费。相应的支撑也不同。

IDE：Eclipse+插件

包装方式：在线。

6.统软云（www.统软云.com）：

统软云移动应用开发平台提供了中国领先的“云集成”移动应用云服务，可以大大降低移动应用开发和管理的难度。实施原则相同。它有自己的UI框架，不支持第三方框架。

IDE：WebStorm、Eclipse、Visual studio和其他HTML编辑器+插件

包装方式：在线包装

7.微信5：

WeX5前端采用HTML5+CSS+JS标准