开发框架汇总.docx

开发框架汇总.docx

《开发框架汇总.docx》由会员分享，可在线阅读，更多相关《开发框架汇总.docx（10页珍藏版）》请在冰豆网上搜索。

基于Html5的移动端APP开发框架

共包括以下7个，PhoneGap,Ionic,Hbuilder,appcan,Wex5,ApiCloud,JQueryMobile.

还有补充。

Bootstrap，WeUI，FrozenUI，SemanticUI，Pure，Foundation，MUI，AmazeUI，AppceleratorTitanium，SenchaTouch，React，KendoUI

一.框架：

PhoneGap

1、官网：

2、简介：

PhoneGap是一个用基于HTML，CSS和JavaScript的，创建移动跨平台移动应用程序的快速开发平台。

它使开发者能够利用iPhone，Android，Palm,Symbian,WP7,WP8,Bada和Blackberry智能手机的核心功能——包括地理定位，加速器，联系人，声音和振动等，此外PhoneGap拥有丰富的插件，可以调用。

3、优点：

（1）可跨平台。

phonegap框架帮我们解决了差异性，javascript与平台系统的连接由phonegap框架完成。

成为连接移动终端的适配器，或者说中间件。

（2）提供硬件访问控制。

可调用加速计、摄像头、罗盘、通讯录、文档、地理定位、媒体、网络、通知（警告、声音和振动）、存储。

（3）可利用成熟javascript框架。

如：

Extjs、jQuery。

4、缺点：

（1）性能差。

运行速度慢，UI反应延时——这是个致命伤。

（高端机影响不大）

（2）不能完全跨平台。

不同平台代码需要微调。

（3）内存消耗大。

（4）调试难度大。

5、环境搭建与配置，

（1）javaJDK（搜索一下.......）

（2）androidSDK最新版

（3）Ant打包工具

（4）eclipse（建议使用google的因为内置ADT）

（5）ADT（ecplise里的插件,安卓开发工具插件）

（6）Node.js

（7）sublime（代码编辑器）

（8）phonegap安装

二.框架：

Ionic

1、官网：

2、简介：

Ionic是一个强大的HTML5应用程序开发框架，号称AdvancedHTML5HybridMobileAppFramework是AngularJS移动端解决方案可以帮助您使用Web技术，比如HTML、CSS和Javascript构建接近原生体验的移动应用程序。

Ionic主要关注外观和体验，以及和你的应用程序的UI交互，特别适合用于基于Hybird模式的HTML5移动应用程序开发。

Ionic是一个轻量的手机UI库，具有速度快，界面现代化、美观等特点。

为了解决其他一些UI库在手机上运行缓慢的问题。

3、优点：

（1）追求性能运行速度快

（2）轻量级框架

（3）基于Angularjs，支持Angularjs的特性，MVC，代码易维护

（4）通过SASS构建应用程序。

它提供了很多UI组件来帮助开发者开发强大的应用。

（5）接近原生。

（6）强大的命令行工具

（7）可利用成熟javascript框架。

如：

Extjs、jQuery。

4、缺点：

（1）Ionic是一个前段框架。

不能完全取代PhoneGap和JavaScript框架的作用

（2）需要结合插件使用。

5、环境搭建与配置

（1）javaJDK（搜索一下.......）

（2）androidSDK最新版

（3）eclipse（建议使用google的因为内置ADT）

（4）Node.js

（5）phonegap安装

（6）Ionic安装

（7）Webstorm安装

三.框架：

Hbuilder

1、官网：

http:

//dcloud.io/

2、简介：

HBuilder是DCloud推出一款支持HTML5的Web开发IDE。

“快，是HBuilder的最大优势，通过完整的语法提示和代码输入法、代码块及很多配套，HBuilder能大幅提升HTML、js、css的开发效率。

3、优点：

（1）HTML5语法、HTML5+语法、三大浏览器扩展语法，尽收HBuilder中。

（2）每个浏览器发布新版后，一周内，其新增语法就收录入HBuilder。

（3）强大到令你震惊的Jquery语法提示！

（4）每个语法在哪个浏览器、哪个版本上是否可运行，这里都有。

（5）没有比这里更全的语法库，也没有比这里更全的浏览器兼容性数据库。

4、缺点：

（1）云端编译，无法保证安全性。

（2）不能完全跨平台。

不同平台代码需要微调。

5、环境搭建与配置

（1）只需要基础的java环境，其余的android和ios环境统统不需要。

（2）下载安装HBuilder。

四.框架：

appcan

1、官网：

2、简介：

AppCan是国内HybridApp混合模式开发的倡导者，AppCan应用引擎支持HybridApp的开发和运行。

并且着重解决了基于HTML5的移动应用”不流畅”和”体验差”的问题。

使用AppCan应用引擎提供的Native交互能力，可以让HTML5开发的移动应用基本接近NativeApp的体验。

与Phonegap支持单一webview使用div为单位开发移动应用不同。

AppCan支持多窗口机制，让开发者可以像最传统的网页开发一样，通过页面链接的方式灵活的开发移动应用。

基于这种机制，开发者可以开发出大型的移动应用，而不是只能开发简易类型的移动应用。

AppCan提供强大的设备调用能力，电话、短信、相机、LBS、传感器、数据库等常用的手机功能，开发者可以通过JS接口调用，轻松构建移动应用。

3、优点：

（3）跨平台：

同时支持iOS、Android、Symbian、WindowsPhone

（4）原生体验：

引入原生UI控件与交互支持（如ActionSheet等）

（5）开发工具：

基于Eclipse的开发工具，集成UI控件与应用管理

（6）UI框架：

提供强大的UI框架，更加易于实现页面布局与交互

（7）设备API：

支持各种手机设备调用，如电话、相机、传感器、定位等

（8）本地打包：

无需配置环境，无需编译，本地一键打包

（9）插件机制：

支持第三方原生插件，支持JS插件

（10）代码加密：

基于密钥的加密方式，无法破解，像混编一样保护html代码。

统计分析：

应用分平台安装数统计，应用启动和使用情况统计

（11）开放平台：

更具本土优势，已经对接Sina、QQ、百度等开放平台

（12）技术支持：

技术支持及时响应，重视开发者建议和反馈

4、缺点：

（1）AppCan免费版因需要把源代码上传到厂商的服务器上打包，对于企业开发来说源代码泄露安全性上有一定风险。

企业版虽然可以解决，但企业版稳定尚待观察。

（2）AppCan采用封装的组件，依赖性比较高。

不是开源代码。

（3）AppCan不能很好的解决原生代码的功能。

5、环境搭建与配置

（1）AppCanIDE下载安装

五.框架：

Wex5

1、官网：

2、简介：

WeX5应用快速开发框架（含完整的SDKAPI及全部源码），一次开发、跨端运行。

【定位】开发面向消费者和公众的开放应用系统

【适用】一般app、电商app、客服app、会员app、微店微商等

【前端】安卓app/苹果app/微信服务号/PCwebapp

【后端】后端数据处理组件，对接各主流技术平台

【费用】完全开源，彻底免费，无任何限制

3、优点：

（1）高效精致的UI组件体系，基于jquery和bootstrap技术，采用增强的RequireJS模块化技术。

（2）基于phonegap（cordova）框架，如相机、地图、LBS定位、指南针、通讯录、文件、语音、电池等。

（3）可视化拖拽式集成开发环境IDE，全能力的调试支持和智能代码提示。

4、缺点：

（1）使用范围有限：

适用：

一般app、电商app、客服app、会员app、微店微商等

（2）用户量小，存在不稳定因素。

5、环境搭建与配置

六.框架：

ApiCloud

1、官网：

2、简介：

APICloud是中国领先的“云端一体”的移动应用云服务提供商。

APICloud推行“云端一体”的理念，重新定义了移动应用开发。

APICloud为开发者从“云”和“端”两个方向提供API，简化移动应用开发技术，让移动应用的开发周期从一个月缩短到7天。

APICloud由“云API”和“端API”两部分组成，可以帮助开发者快速实现移动应用的开发、测试、发布、管理和运营的全生命周期管理。

APICloud致力成为中国领先的移动垂直领域云服务商，帮助传统软件公司从B/S架构成功走向APP，帮助中国数百万web开发者转化成移动APP专家！

。

3、优点：

（1）提供开发的IDE。

（2）提供数据云API、统计云API、推送云API。

4、缺点：

（1）与Hbuilder存在版权问题，抄袭Hbuilder

5、环境搭建与配置

（1）下载并安装APICloudStudio2开发环境，APICloudStudio2当前支持WindowsmacOSLinux系统。

七、JQueryMobile

1、官方网站：

2、性质：

UI框架

3、说明：

这个大名鼎鼎的JQuery的移动版本。

跟JQuery一样是一个轻量级的JS库，一样使用HTML5+CSS+JS的技术。

应为轻量级，所以在web加载时比Sencha有一点优势。

缺点显而易见，UI控件太少了。

因为JQueryMobile太普及了，也有很多第三方的扩展控件库例如JQueryMobileTouch。

比较有意思的是SenchaTouch也融合了JQueryMobileTouch。

4、授权：

完全开源，放心使用

补充：

八、bootstrap框架

Bootstrap是基于HTML、CSS、JAVASCRIPT的，它简洁灵活，使得Web开发更加快捷。

它由Twitter的设计师MarkOtto和JacobThornton合作开发，是一个CSS/HTML框架。

Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。

Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的MSNBC（微软全国广播公司）的BreakingNews都使