Web 标准交流会介绍 PhoneGap 主题

  • 崔康

2012 年 3 月 19 日

话题:移动语言 & 开发架构

最近,Web 标准交流会北京站组织了以PhoneGap 为主题的技术沙龙,邀请了来自 Adobe 的技术布道师董龙飞和新浪的前端工程师董玉伟介绍了跨平台移动开发工具 PhoneGap。

董龙飞对 PhoneGap 的来龙去脉做了总体的介绍,很多开发者已经使用 HTML5、CSS3 等最新技术做 Web 应用开发,也有不少开发者涉足移动开发,包括 Android 的 Java 编程、iOS 的 Obejct-C 编程等。在 2008 年,旧金山,针对 iPhone 的开发者会议上,几位与会者希望通过 JavaScript 调用 iPhone 的本地特性,就在一天之内做了一个最基本的 PhoneGap 想法原型,并逐渐获得的社区的认可,扩展到了其他移动平台,如 Android。后来,PhoneGap 被 Adobe 收购,并被贡献给了 Apache 基金会,开始名为“CallBack”, 后来改为“Cordova”,但两者不完全一样。Cordova 是其中最核心的一部分,PhoneGap 还包括了外部工具等。

借助 PhoneGap,Web 开发者可以把已有的 Web 应用打包成移动平台上的本地应用或者应用商店里的 App,让用户直接下载安装,甚至支持 BlackBerry、Windows Phone 等应用格式。在开发移动应用时,开发者经常需要利用平台本身的一些特性,比如需要访问手机通讯录,或者 GPS 传感器信息等,PhoneGap 提供了一些方便的 JavaScript 接口,帮助开发者直接调用移动平台的本地特性。不同的移动设备支持的特性并不相同,或者有时会遇到 CPU 密集性的技术需求,此时 JavasSript 代码并不合适,开发者可能想用本地的编程语言来写程序,然后再用 JavaScript 来调用,提高整个应用的性能。PhoneGap 支持插件机制,开发者可以使用本地语言来编写程序,然后通过 Javascript 集成,由 PhoneGap 打包成 App。总的来说,PhoneGap 的特性包括:将 HTML/JavaScript 代码打包成本地 App,帮助开发者部署到各种平台上,并提供了访问移动应用本地特性的接口,同时支持多语言混合的插件机制。

但 PhoneGap 不是 JavaScript 框架,开发者需要借助其他 JS 框架,Phone 不提供 IDE 环境,由开发者自己选择。

如果想把 Web 应用打包成各种移动平台的 App,开发者可以利用在线的 PhoneGap Build,自动生成各种应用格式,并发布到移动平台的网上商店中。Phone Build 针对开源免费的 Web 应用也是免费的。董龙飞还举例详细介绍了 PhoneGap 的内部实现机制和应用的调用方式。​

新浪高级工程师董玉伟则探讨了​PhoneGap 插件扩展机制,他先后介绍了 PhoneGap 的插件实现原理、编程技巧等。

插件之间的通信通过 postMessage 和 onMessage 接口​来显示,在调用系统接口,设计到用户隐私数据时应该请求用户授权。

他还分享了自己的移动开发经验,包括:​启动时不要加载渲染大量 html(使用 JS 渲染大数据更快);谨慎使用 Scroll,等系统进化到支持 Fixed 定位。

​​​PhoneGap 现已完全支持 Windows Phone 7 所有的原生功能,其支持力度达到了 iOS 与 Android 的水平。 ​

目前,PhoneGap API 支持的功能包括:

  • Accelerometer——加速计是检测设备在当前方向上所做相对运动变化(增、减量)的运动传感器。加速计可以检测沿 X、Y 和 Z 轴的三维运动。加速度数据通过 accelerometerSuccess 回调函数返回。
  • Camera——选择使用摄像头拍照,或从设备相册中获取一张照片。图片以 base64 编码的字符串或图片 URI 形式返回。​
  • Compass——罗盘是一个检测设备方向或朝向的传感器,使用度作为衡量单位,取值范围从 0 度到 359.99 度。通过 compassSuccess 回调函数返回罗盘朝向数据。
  • Connection——Connection 对象提供对设备的蜂窝及 WiFi 连接信息的访问。
  • Contacts——提供对设备通讯录数据库的访问。
  • Geolocation——Geolocation 提供设备的位置信息,例如经度和纬度。位置信息的常见来源包括全球定位系统(GPS),以及通过诸如 IP 地址、RFID、WiFi 和蓝牙的 MAC 地址、和 GSM/CDMA 手机 ID 的网络信号所做的推断。不能保证该 API 返回的是设备的真实位置信息。这个 API 是基于 W3C Geo location API Specification 实现的。有些设备已经提供了对该规范的实现,对于这些设备采用内置实现而非使用 PhoneGap 的实现。对于没有地理位置支持的设备,PhoneGap 的实现应该是完全兼容 W3C 规范。
  • Storage——提供对设备的存储选项的访问。此 API 基于 W3C WEB SQL Database Specification 和 W3C Web Storage API Specification。有些设备已经提供了对该规范的实现,对于这些设备采用内置实现而非使用 PhoneGap 的实现。对于没有存储支持的设备,PhoneGap 的实现应该是完全兼容 W3C 规范。​
移动语言 & 开发架构