HTML 5+JavaScript混合应用比本地应用的开发成本低?开发者们经常思考的一个问题是该开发Web应用、本地应用,
HTML 5+JavaScript混合应用比本地应用的开发成本低
?
开发者们经常思考的一个问题是该开发Web应用、本地应用,还是其他混合形式的内容。其实,该问题的答案虽不确定但十分简单,在正式的开发工作开始前,开发者需想清楚一些关键问题,如:目标受众是谁?开发该应用的目的是什么等等。
市场研究公司Forrester表示,开发者不应该在本地代码和HTML 5之间进行非此即彼的选择。以下是Forrester关于四种开发方案的具体分析:
1)本地应用:
提供最好的用户体验、性能,以及设备API访问(摄像头、联系人、手机状态等);不过,由于四个主要的移动平台(iOS、Android、Windows Phone、BlackBerry)使用不同的代码库,因此同一款应用需要针对不同的平台进行多次开发,导致实际的开发预算可能会比预期高出150%至210%。
2)HTML 5/JavaScript Web应用
优点是浏览器无处不在,HTML 5的 <audio>和<video> 标签,以及设备访问API极大地增强了Web应用的功能;不足是JavaScript没有本地代码快,用户体验和设计流畅性做得不是很好。
3)HTML? 5+JavaScript混合应用
该混合方案使其兼备多种本地功能,是Facebook移动应用和PhoneGap所采用的方案。从某种意义上来说,不管是对Web应用,还是本地应用,都最为两全其美。
4)移动中间软件
集成客户端和服务器端组件开发等多种开发环境,多适用于使用Oracle或SAP等系统的企业级开发工作室。
除此以外,开发者还需认真考虑的是成本和资源。在当前环境下,开发工作室通常会找一些精通Web技术的编码人员开发适用四种主要平台的应用。对Web应用来说,Forrester建议使用HTML 5+JavaScript混合方案;本地应用虽然有更好的视觉效果和更强大的设备访问API,但其跨平台的高额开发成本可能会让很多开发者望而却步。
小结:
总的来说,HTML? 5+JavaScript混合方案是成本控制和潜在市场覆盖的最佳组合,极有可能成为未来移动开发市场的主宰。
?
?
?
PhoneGap在等会谈到更深入的细节之前,我想解释一下什么叫做?PhoneGap。PhoneGap 首先是一个应用程序容器技术,它能让你用 HTML,CSS,JavaScript来创建原生可安装的移动应用程序。PhoneGap 的核心引擎是100%开源的,它是属于Apache Cordova项目的旗下产品。你可以通过我的另外一篇文章来加强了解 PhoneGap.
PhoneGap 用户界面PhoneGap 应用程序的用户界面使用 HTML,CSS以及JavaScript来创建的。而它的界面底层实质上是用浏览器视图创建的,而浏览器视图将占据真实设备的100%宽度与100%的高度。
建议把这个设想为一个无头部的Web浏览器。与普通浏览器一样可以渲染HTML内容,但是不会显示普通浏览器的边框。所以你可以充分使用这些空间,比如使用HTML/css创建导航顶部栏。
PhoneGap使用的 Web浏览器与手机操作系统的浏览器其实是一样的。在IOS上,这将是原生Objective-C的UIWebView类;在Android上,这是android.webkit.WebView。
PhoneGap APIPhoneGap 提供了很多API让你可以使用JavaScript来调用很多原生操作系统提供的功能。整个过程就是你用 JavaScript 来写程序的逻辑,然后 PhoneGap API 来处理与原生系统的交互。
你能在这里找到所有的?PhoneGap API.
另外,你自己也可以使用JavaScript来创建"原生插件"。PhoneGap 的原生插件能让你自己去自定义本地类与对应的JavaScript接口。当然你可以从读读下面几篇文章区更好的了解 PhoneGap 原生插件。http://www.tricedesigns.com/2012/03/01/phonegap-native-plugins/
http://wiki.phonegap.com/w/page/36752779/PhoneGap%20Plugins
PhoneGap 应用程序打包与发布虽然 PhoneGap 应用是用HTML,CSS,JavaScript创建的,但是最终生成的是二进制的应用程序压缩文件,这种文件是可以以正规标准发布渠道发布的。
对于IOS应用来说,最终输出是IPA文件,对于Android应用,则是?APK?文件,对于Windows Phone应用,是?xap?文件,等等。最重要的是打包的格式与与标准原生应用是一样的。随后你就可以在与之对应的卖场上发布了(iTunes Store,Android Market, Amazon Market, BlackBerry App World,Windows Phone Marketplace等等)
PhoneGap 高级应用程序架构PhoneGap 应用程序运行起来更像Web应用程序一样,PhoneGap 客户端与对应的服务器交互传递数据。服务器先处理业务逻辑然后将结果返回给客户端。
一般说来,服务器都是指像Apache,IIS这种环境与一些特定的脚本语言比如 ColdFusion, Java, .NET, PHP等。PhoneGap 是一个完全的前台展示技术来与任何类型的服务器使用标准Web协议来交互数据。应用程序的对应服务器来处理业务逻辑与计算,然后从数据库保存以及获取数据。
PhoneGap 应用一般不直接与数据库打交道;而是以标准HTTP来与服务器程序交互。来获取HTML内容,REST-ful?XML?Services,JSON??Services,或者SOAP。这和你创建的那种基于AJAX技术的桌面型浏览器控件的应用是差不多的。
PhoneGap 的这种客户端模式架构一般都是使用?single-page application model,即应用程序的逻辑都是在一个HTML页面上。而且页面不是从内存上清空。所有的数据都是需要以HTML DOM的方式来显示出来。首先使用AJAX技术来从服务器上获取数据,然后使在JavaScript中保存这些变量。虽然多页面的客户端程序架构现在也被支持了,但是因为会在加载分离页面的时候你回丢失一些需要保存的变量,所以不建议使用这个新架构。