基于Html5的移动端开发框架的研究

下面统计信息部分来自网络，不代表个人观点。请大家参考。

基于html5移动端开发框架调查 序号 框架 简介 优点 缺点 备注 侧重点 1 PhoneGap PhoneGap是一个用基于HTML，CSS和javascript的，创建移动跨平台移动应用程序的快速开发平台。它使开发者能够利用iPhone，Android，Palm,Symbian,WP7,WP8,Bada和Blackberry智能手机的核心功能——包括地理定位，加速器，联系人，声音和振动等，此外PhoneGap拥有丰富的插件，可以调用。 1 . 可跨平台。
phonegap框架帮我们解决了差异性，javascript与平台系统的连接由phonegap框架完成。成为连接移动终端的适配器，或者说中间件。

2.提供硬件访问控制。
可调用加速计、摄像头、罗盘、通讯录、文档、地理定位、媒体、网络、通知(警告、声音和振动)、存储。

3.可利用成熟javascript框架。如： Ext js、jQuery。 1.性能差。
运行速度慢，UI反应延时——这是个致命伤。(高端机影响不大)

2.不能完全跨平台。
不同平台代码需要微调。

3.内存消耗大。

4.调试难度大。

官网：http://phonegap.com/ 侧重于对硬件的访问控制 2 Ionic Ionic 是一个强大的 HTML5 应用程序开发框架，号称 Advanced HTML5 Hybrid Mobile AppFramework 是 AngularJS 移动端解决方案 可以帮助您使用 Web 技术，比如 HTML、 CSS 和Javascript 构建接近原生体验的移动应用程序。 Ionic 主要关注外观和体验，以及和你的应用程序的 UI 交互，特别适合用于基于 Hybird 模式的 HTML5 移动应用程序开发。 Ionic 是一个轻量的手机 UI 库，具有速度快，界面现代化、美观等特点。为了解决其他一些UI 库在手机上运行缓慢的问题。 1.追求性能 运行速度快 2.轻量级框架 3.基于 Angularjs
，支持 Angularjs的特性， MVC ，代码易维护

4.通过 SASS 构建应用程序。
它提供了很多 UI 组件来帮助开发者开发强大的应用。

5.接近原生。 6.强大的命令行工具 1.Ionic是一个前段框架。
不能完全取代PhoneGap和JavaScript框架的作用

2.需要结合插件使用。 官网：http://ionicframework.com/ 侧重于前端的交互 3 Hbuilder（国产） HBuilder是DCloud（数字天堂）推出一款支持HTML5的Web开发IDE。“快，是HBuilder的最大优势，通过完整的语法提示和代码输入法、代码块及很多配套，HBuilder能大幅提升HTML、js、css的开发效率。 1、HTML5语法、HTML5+语法、三大浏览器扩展语法，尽收HBuilder中。
2、每个浏览器发布新版后，一周内，其新增语法就收录入HBuilder。
3、强大到令你震惊的Jquery语法提示！
4、每个语法在哪个浏览器、哪个版本上是否可运行，这里都有。
5、没有比这里更全的语法库，也没有比这里更全的浏览器兼容性数据库。 1.云端编译，无法保证安全性。2.不能完全跨平台。不同平台代码需要微调。 官网：http://dcloud.io/ 侧重于编码实现 4 appcan（国产） AppCan是国内Hybrid App混合模式开发的倡导者，AppCan应用引擎支持Hybrid App的开发和运行。并且着重解决了基于HTML5的移动应用"不流畅"和"体验差"的问题。使用AppCan应用引擎提供的Native交互能力，可以让HTML5开发的移动应用基本接近Native App的体验。
与Phonegap支持单一webview使用div为单位开发移动应用不同。AppCan支持多窗口机制，让开发者可以像最传统的网页开发一样，通过页面链接的方式灵活的开发移动应用。基于这种机制，开发者可以开发出大型的移动应用，而不是只能开发简易类型的移动应用。
AppCan提供强大的设备调用能力，电话、短信、相机、LBS、传感器、数据库等常用的手机功能，开发者可以通过JS接口调用，轻松构建移动应用。 1.跨平台
：同时支持iOS、Android、Symbian、windows Phone

2.原生体验
：引入原生UI控件与交互支持（如Action Sheet等）

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

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

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

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

7.插件机制
：支持第三方原生插件，支持JS插件

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

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

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

10.技术支持 ：技术支持及时响应，重视开发者建议和反馈 1.AppCan免费版因需要把源代码上传到厂商的服务器上打包，对于企业开发来说源代码泄露安全性上有一定风险。企业版虽然可以解决，但企业版稳定尚待观察。
2.AppCan采用封装的组件，依赖性比较高。不是开源代码。
3.AppCan 不能很好的解决原生代码的功能。 官网;http://www.appcan.cn/ 5 Wex5(国产) WeX5应用快速开发框架（含完整的SDK API及全部源码），一次开发、跨端运行。
【定位】开发面向消费者和公众的开放应用系统
【适用】一般app、电商app、客服app、会员app、微店微商等
【前端】安卓app/苹果app/微信服务号/PC web app
【后端】后端数据处理组件，对接各主流技术平台
【费用】完全开源，彻底免费，无任何限制 1.高效精致的UI组件体系
，基于jquery和bootstrap技术，采用增强的RequireJS模块化技术。

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

3.可视化拖拽式集成开发环境IDE ，全能力的调试支持和智能代码提示 1.使用范围有限
：适用：一般app、电商app、客服app、会员app、微店微商等

2.用户量小，存在不稳定因素。 官网：http://wex5.com/ 6 ApiCloud(国产) APICloud是中国领先的“云端一体”的移动应用云服务提供商。APICloud推行“云端一体”的理念，重新定义了移动应用开发。APICloud为开发者从“云”和“端”两个方向提供API，简化移动应用开发技术，让移动应用的开发周期从一个月缩短到7天。APICloud由“云API”和“端API”两部分组成，可以帮助开发者快速实现移动应用的开发、测试、发布、管理和运营的全生命周期管理。APICloud致力成为中国领先的移动垂直领域云服务商，帮助传统软件公司从B/S架构成功走向APP，帮助中国数百万web开发者转化成移动APP专家！。 1.提供开发的IDE。2.提供数据云API、统计云API、推送云API 与Hbuilder存在版权问题，抄袭Hbuilder 官网：http://www.apicloud.com/ 结论： 1.跨平台方面：大部分框架针对android和ios平台，需要做或多或少的代码调整，不能达到完全跨平台。 2.性能方面：根据不完全统计，Ionic的性能会更好一点。 3.代码实现方面：Hbuilder具有更高的效率。 4.PhoneGap出现最早，国内框架都是基于Phonegap开发出来的。 注意： *关于框架的优缺点众说纷纭，从总体看，hybrid app并没有达到native app的实现效果。 *各框架在实现过程中都会遇到不同程度的坑，请根据框架的侧重点谨慎选择应用的框架。 *如果要基于Html5开发App，还需要进一步根据需求验证框架的可实施性、并进行不同框架的效果对比。

7月19日，由html5梦工场主办的第四届HTML5峰会暨攻城师嘉年华(iWeb峰会)首站在上海开幕，会上晟游网络CEO贺纪茗发表了《精品HTML5游戏高效开发经验》主题演讲。


贺纪茗：精品HTML5游戏高效开发经验
贺纪茗：大家好，我是晟游网络CEO，今天荣幸站在精品HTML5游戏高效开发的主题，今天我第一次站在公众场合为大家分享，我希望今天分享可以给各位带来实际的帮助。


贺纪茗：精品HTML5游戏高效开发经验
我分享的第一部分我说说当初为什么选择HTML5游戏创业这个类别。虽然我之前提到我们公司在2014年1月份注册，但是我们创业规划是2013年终开始，2013年底实施的。


贺纪茗：精品HTML5游戏高效开发经验
那个时候移动游戏规模从2008年980万增长到2013的31个亿，5年增长将近32倍，光2012年到2013年期间移动游戏用户规模增长3.5倍，但是不容忽视的事实是整个行业红海起来，国内从事游戏的厂商上万家，收入在2.5亿左右，但是排名前三的游戏公司占整个中国手游30%的份额，用户导入成本市场营销费用非常昂贵，中小团队生存越来越艰难而且几乎不可能自己做发行。这个时候我们碰到腾讯玩吧开发的两款的游戏，发现了这样大的企业对这个行业的关注，三年之后腾讯这样的巨头关注的时候，我觉得这个行业可以启动了，也就是从2013年底开始，HTML5游戏用户规模高速增长，至今为止，移动用户游戏将近1/3用户尝试过HTML5的游戏，HTML5的时代正在来临。


贺纪茗：精品HTML5游戏高效开发经验
此外随着智能化时代的来临，人们用的设备是正在全方位阐释我们的时间。


贺纪茗：精品HTML5游戏高效开发经验
作为新兴的前端的技术，它的特点大家在各种PR文中都有，前年两位分享嘉宾也对于这部分做了非常详尽的描述，只要PC手机平板支持HTML5浏览器，用户可以在任意设备上随时体验游戏的乐趣，这样为将来用户导入的模式带来非常多的变化和可能性，这些都是我们理论知识层面知道的HTML5优势。


贺纪茗：精品HTML5游戏高效开发经验
说完理论层面我们说说实际经验层面的数据分享，PPT左边的表是2015年第二季度发表HTML5次日有走势，目前行业的留存率为12.14，次日留存是4.17%，对于我们来说是巨大的鼓舞，因为游戏行业做游戏，大家知道一个道理，只要能做留存就可以做付费，所以我们在《开心果园》快速开发了一个卡牌游戏，这个游戏生命周期为三个月，这个是去年的游戏，根据PPT左边的图表2015年第二季度发表的游戏付费率走势为参考，我们三国挂机在去年年底付费率于行业付费率持平，我们做到将近90，这个离原生游戏有些差距，但是可以对我们信心有了非常大的影响。 刚刚提到2014年制作的开心果园和三国挂机，两个项目收获还是蛮多的，各种经验教训很多，所以在接下来部分着重分享这两个产品案例。开心果园是2014年做的，这一年是这个行业比较混沌的时期，做出来的原生跟不差别很大，因为大部分比较喜欢现成的商业模式跟他们描述的前景，但是很难说清楚这件事情，但是作为创业公司我们只能将自己的定位进行跟原生一样的状态，所以我们进行快速学习积累的方式，之后从上线开始应用差不多6个月，用一周迭代一次一次，但是前面两个月是功能迭代后面是重复营运，因为这个游戏几乎是免费的，这个游戏在腾讯玩吧刚刚上线没有付费体验，所以在游戏中非常带付费模式，但是当时没有投资的团队做不出付费的游戏很难长期运营下去，我们规划了三国挂机这个游戏，现在做这个游戏的团队匀速转型做三国挂机了。三国挂机是之前5个游戏上线的经验，第一个版本花了三个星期开发，那个时候流程已经非常清晰，跟腾讯玩吧沟通也很简单，在不断迭代中分析用户行为，为后面产品的优化打基础，也是基于后面6个月的分析和优化，我们并线开发了《主攻很忙》的公线版本，我在前问不断提出不断分析的词，这个也是我们关注的一点。所以在2014年花了大部分时间做了数据分析的工具，运营工具这边是如图所示的样子，便于我们做系统分类优化，比如可以自动扫描提供最完美的兼容方案等等，解决一些效率和发烫发热的问题。

基于数据统计我们可以对我们擅长的数据类型有很自如的拿捏，我们可以更精确的进行版本迭代划分和数据的运营规划。再有各项数据统计功能和分析功能的基础上，我们尽一切利用渠道用户属性，我们三天时间使用三套不同的游戏介绍图片，尽可能在最短的时间观察不同风格类型的材料吸量程度，后面我们又换了很多版本，我继续展示一下后面的版本。从第一个版本第二个版本到第N个版本，可以看出我们团队有自虐倾向。制作出自己团队都爱不释手玩下去的产品才可以在这个浮躁行业站稳根基的方式。

对于游戏精益求精的要求，因为我们没有把游戏作为分类单独存在，是把它放进游戏中，基本用户不会理解是HTML5游戏还是原生游戏，不会因为是HTML5游戏降低他的标准预期，他们要的是好游戏不管是原生还是HTML5，所以基于以上的经验，我们在2015年策略与2014年有很大不同，我们的关健词不是快而是精品，2015年上半年蜇伏了半年，下半年我们会发行6款产品。下面给你们看一下三国挂机是什么样的。

下面我们说一下团队，人毕竟是科技类公司的基础，所以谈一下高效团队是怎样的流程。一个精品游戏的开发需要条件是在一个优良的工作环境下一群优秀的人才基于清晰的方向和目标前进，在优化公司系统架构下，产品把关到位、测试标准合理，团队沟通顺畅并懂得不断进步这个是好高的要求，目标人员环境流程、系统测试、沟通反省，优秀团队八大关键词，而所有这些围绕公司的核心文化和管理理念进行的，我们管理理念第一条是以人为本，我们尊重每一个员工，我们从公司项目和个人发展层面设计清晰的策略目标，一切以结果为导向，清晰公正以人为本目标清晰，有效沟通，我们管理核心由这四个部分组成，为了大家对自己的发展有清晰的目标和定位，我们搭建简单易懂的结构，每个级别都对自己的下属有职业培养的责任，我们激励机制奖励标准是公开透明，在一切以结果为导向的价值下，从公司系统到个人最关注的奖励系统，从整体到细节我们尽可能做到完善整套循环。团队和个体是一个向影响共同成长的过程，以沟通为基础桥梁，团队不断加强认知判断和执行力，团队不断推动个体的成长，我们充分知道这个循环理念，把团队和个人的发展看做相同重要的事，共同发展是晟游一直关注的课题，在我们公司无论工种大小都很重要，以人为本共同成长，要做的是找到最正确的人一起完成我们的梦想。

进入最后公司及产品介绍时间，今天的演讲时间有限，需要沟通交流的朋友可以扫二维码加一下获取联系，最后我跟大家讲一下我们的产品。2014年一共上线6个产品，2015年我们会关注于中重度游戏，在下半年发布六款，今天披露近期发表的游戏。最后两页简单讲一下，在座大家很多都做创业的，我相信每一个创业者都是偏执狂，创业的初心决定公司的管理风格、产品风格从整体到细致路伴随我们走过来，对于我们的公司来讲，不忘初心极尽极致是我们的管理文化，谢谢大家。