开发者眼中的PhoneGap体验

jopen 11年前

读: 当前跨平台开发工具有很多,例如PhoneGap、Titanium、jQueryMobile、Sencha等等,究竟哪一款才最适合开发者呢?本文与 开发者们共同探讨了这个领域的新宠儿——PhoneGap。拜HTML5大潮所赐,更是加速了PhoneGap的发展。那么Phonegap的用户体验又 如何呢?

首先来看看,PhoneGap是什么?
官方的介绍是,PhoneGap是一个开源的开发框架,使用HTML、CSS和JavaScript来构建跨平台的的移动应用程序,它使开发者能够利用 iPhone、Android、Palm、Symbian、WP7、Bada和Blackberry智能手机的核心功能——包括地理定位、加速器、联系 人、声音和振动等,此外PhoneGap拥有丰富的插件,可以以此扩展无限的功能。
开发者眼中的PhoneGap体验
PhoneGap的性能:
1.兼容性——完全做到了written once,run everywhere(一次编译到处运行)
2.标准化——PhoneGap采用W3C标准
热门跨平台开发框架的比较
开发者眼中的PhoneGap体验
随着人们对跨平台应用开发研究的不断深入,当前市场上已出现了若干致力于跨平台开发的产品级框架。从Web App到PhoneGap、MonoTouch、Titanium、jQueryMobile、Sencha再到Native App。其中PhoneGap、Titanium和Rhodes便是当下发展较为成熟的三款开发框架。
一起来看下他们的对比情况:
支持平台
开发者眼中的PhoneGap体验
Titanium框架目前只支持Android和iPhone平台,而PhoneGap和Rhodes则均声称支持当前大多数的主流平台,图中描述的是PhoneGap开发框架当前的兼容平台。
编程语言
PhoneGap和Titanium框架均采用了HTML + CSS + JavaScript作为其编程语言,同时对HTML5和CSS3提供了相应的支持;而Rhodes则使用Ruby + Rails作为其编程基础,使用Ruby来实现移动应用的逻辑。不难发现,上述三者都选择了成熟的脚本和Web技术作为实现平台兼容的入手点,这也是目前 实现跨平台开发的唯一可行之路。
如图所示:PhoneGap框架对当前主流移动平台的支持细节
开发者眼中的PhoneGap体验
当前,PhoneGap已经对几乎所有的主流移动平台提供了支持,不过从图中看以看出,受到来自技术和商业竞争的影响,PhoneGap在每个平台上都有若干的功能点无法覆盖,有待于进一步完善。
实现原理
在三者之中,PhoneGap和Titanium框架的实现原理较为相似,编程人员通过使用CSS和HTML来设计程序UI并控制程序的逻辑;同时,使用 JavaScript来调用API与对应平台的SDK进行交互,以启动手机的GPS、震动、重力感应等功能。使用PhoneGap和Titanium编写 的程序会被打包并安装到手机上,在应用运行时载入到手机的浏览器控件中解析执行。而Rhodes则依赖于Ruby + Rails的Web框架,在手机内部构建了一个完整的Web App server环境,使用Rhodes开发的应用可以像传统Web服务器一样,接收并处理用户的操作事件,并访问对应平台的SDK API。
得出的结论:
如果想快速开发一个iOS/Android原生UI的程序,选择Titanium或许更适合
如果想实现一个跨平台的基于HTML的移动应用,PhoneGap或许更适合
有技术人员在知乎网抛出了“Titanium、PhoneGap、jQueryMobile、Sencha谁能谈谈实际使用经验?”的话题,网友们各抒己见。编辑们整理了部分,与大家一起探讨下,当然,也欢迎您在评论里发表自己的看法。
Titanium、PhoneGap、jQueryMobile、Sencha应用体验的比较
技术人员 杨锴:
1.PhoneGap是比较底层的库,对表现层没有支持,所以用phoneGap开发需要再加上jQuery或XUI,YUI这类UI层的东西;
2.phoneGap主要的好处是学习成本不算高,缺点是速度慢,内存容易溢出。
3.jQuery主要优势是微软支持,学习资料多,热度高。缺点是学习成本高,默认模板很难看,想做个性化修改特别麻烦,而且速度也因为兼容太多浏览器 (连IE也兼容,这对移动应用多累赘啊)比较慢。基本上如果你的技术方案是phoneGap+jQuery,最好不要做超过5页的产品设计,而且尽量不要 做拍照,文字输入等互动功能。
4.sencha主要的优势其实是云端服务支持,但对国内的人来说就享受不到了。
5.Titanium是我们遇到的国外的HTML5工具效率最好的一个,因为他们把不少HTML和CSS代码预编译成了JavaScript,这点在开发Julia时我们也借鉴了。缺点是学习曲线比较高,当然如果你是JS熟手就容易很多。
5.Julia我们自己做的开发工具,本周末我们会开放Julia的0.9版本,同时源码会放到Github上。优点是运行速度快,学习曲线低,而且会在国内做开源社区。缺点是我们刚开始各方面资源都还不完备,而且大多数人不太相信中国人能做出能用的东西来。 
产品设计师 张晨晖:
1.PhoneGap(with jQTouch):可用API比较少,但可选UI样式比较多。
2.Titanium Mobile:更多依靠JavaScript,因此开发意味比设计意味更重。相比来说,可用API更多一些。值得一提的是,需要使用它自己的桌面应用来编译和打包app。
3.Sencha Touch:是一个HTML5,CSS3和JavaScript结合的Web App开发框架,更多用来开发Web App而不是提交到Appstore的源生应用,但能在Webkit浏览器里支持多种手势操作。
前端开发工程师 柴春燕:
jQueryMobile、Sencha是实现移动应用的前端呈现,Sencha官方的说法是“提供移动平台的解决方案”,实现的效果很接近Native App了,但是这个库很大,如果是要做Web App的话还是可以用一用的,但是做Mobile Web App,性能也是一个都很大的问题。
如果单独看Phonegap运行效率与用户体验又是如何?
面孔网:
PhoneGap是比较出名的一个跨平台解决方案。但是PhoneGap并不支持UI设计,它仅仅是浏览器调用本机代码(比如获取地理位置)的一层接口。UI设计还需要别的JS类库支持。
在Google的NexusOne(1G的CPU)上面测试,加载一个PhoneGap和jQuery Touch用时0.9秒左右,这仅仅是基础库的加载,应用本身的HTML、CSS和JS代码还都没有计算。性能很成问题。性能,也就是运行速度是现有跨平 台工具的首要问题。
Web开发者和设计师 柴源:
在iOS平台勉强过的去,在Android平台上比较惨,特别是一些比较老的低配置机型上。
介绍一些我开发PhoneGap web app优化经验:
1.少用图片,特别是大面积的png图片;
2.巧用-webkit-transform 属性,在iOS平台上,如果你的dom带有-webkit-transform的3d属性,系统将开启硬件加速,你会发现你的动画帧率瞬间上了一个阶;
3.尽量避免使用
4.尽量简化dom树的层级;
最后总之一句话:无论你使出浑身解数来优化,Web app距离Native的性能差距还是一大截,慎用。
总结:
PhoneGap针对不同平台的WebView做了扩展和封装,使WebView这个组件变成可访问设备本地API的强大浏览器,所以开发人员在 PhoneGap框架下可通过JavaScript访问设备本地API,实现WebView与SDK API双向通信。但PhoneGap所体现的混合类型的应用还不能完全取代原生应用,在一些复杂的API调用或者涉及高性能计算的应用开发上,原生应用还 是唯一的选择。除此以外的大多数场合,混合类型的应用以很小的性能牺牲为代价,带来了极大的灵活性和开发效率。用PhoneGap官方的一句话概况其特点 是:“written once,run everywhere”——一次编译到处运行。
当然,目前PhoneGap缺陷还是蛮多的,比如运行速度慢,UI反应延时,这是个致命伤。不过,这种问题是会随着技术的进步而消失的。