快速构建跨平台移动的应用开发的方案.docVIP

快速构建跨平台移动的应用开发的方案 　　摘要： 移动应用产品往往需要考虑多种设备和多个平台的支持，单一平台很难保证应用的覆盖面。但是，从开发的角度而言，多平台之间开发技术的差异，导致开发跨平台原生应用的成本过高。因此，出现了一种中间件的折中方案，它填补Web代码和设备原生代码之间的缺口，并为各个平台生成应用。本文将介绍这种基于Web技术构建的混合型移动应用的开发方案，面向快速开发跨平台移动应用的需求。 　　Abstract： When developing mobile applications， we often need to consider the support of a variety of equipments or platforms， as single platform is very difficult to guarantee coverage of application. However， from a development perspective， development technology supported by multi platforms causes high cost of developing cross-platform native applications. Therefore， middleware arose. It fills the gap between Web code and native code of equipment， and is supported by all platforms. This article describes the development program of hybrid mobile applications based on web technology， which meets the need of the rapid development of cross-platform mobile applications. 　　关键词： HTML5；移动框架；PhoneGap；跨平台；混合型应用 　　Key words： HTML 5；mobile framework；PhoneGap；cross platform；hybrid application 　　中图分类号：TP311.5 文献标识码：A 文章编号：1006-4311（2013）29-0197-03 　　1 移动应用产品的开发方式 　　随着智能手机、平板电脑的快速普及，移动App（Application 应用）持续在商业界扮演核心角色，越来越多的企业意识到要建立自己的App和移动网站，也有越来越多设计师开始转战移动平台。移动产品的实现方式主要有三种： 　　1.1 Native App（原生应用） Native App[1]就是所谓的原生应用，是专门针对某一类移动设备、用平台特定的开发语言所开发的应用。原生应用含有二进制可执行文件，通常需要先从App Store或Google Play这样的应用商店里下载，再安装到终端设备里。表1显示了与四大移动操作系统有关的不同工具、语言、格式和分发渠道。 　　Native App的优点是可以完全利用系统的API和平台特性，无论是用户体验或交互界面，都是最优质的。缺点是由于开发技术不同，如果要覆盖多个平台，则要针对每个平台独立开发，无跨平台特性。 　　1.2 Web App（Web应用） Web App[2]采用标准的HTML、JavaScript、CSS等Web技术开发，通过不同平台的浏览器访问来实现跨平台，能充分发挥HTML5及相关技术的强大威力。现代移动Web应用区别于一般的移动网站，它借助各种移动Web框架，可实现在小尺寸屏幕上舒适的“触摸体验”，使得在浏览器中执行的Web App，也有了如原生应用一般流畅的用户体验。 　　Web App最突出的优势在于，它支持多种平台，且开发成本低。缺点是基于浏览器的应用无法调用系统API来实现一些高级功能，也不适合高性能要求的场合。 　　1.3 Hybrid App（混合型应用） Hybrid App[3]可以说是为了弥补上面两种应用开发模式的缺陷而生，它是两者混合的产物，并且尽可能继承了双方的优势。首先，让为数众多的Web开发人员可以几乎零成本转型成移动应用开发者；其次，相同的代码只需针对不同平台进行编译就能实现多平台的分发，大大提高了多平台开发的效率。Hybrid App的主体功能以Web技术开发，再通过中间件包装成一个可发布到应用商店的应用程序，而相较于Web App，开发者可以通过包装好的接口，调用大部分常用的系统API。 　　Hybrid A