PhoneGap架构基础及工作原理介绍

转自：http://mobile.51cto.com/others-308545.htm

本篇文章从PhoneGap由来、功能以及工作原理，力争由浅入深介绍PhoneGap框架。

 

为什么需要PhoneGap?

移动技术的发展对于开发人员来说是个悲剧，开发应用需顾及到不同平台的框架和开发语言，如iPhone、Android、Windows Mobile等。

PhoneGap基于标准的Web技术，在Web应用和设备之间搭建一个通信的桥梁，封装移动设备的平台差异，统一使用JavaScript接口访问设备本地API，提供跨平台解决方案。

PhoneGap是一个标准的开源框架，用PhoneGap开发移动应用是免费的，无论是商业或是开源。

PhoneGap能做什么?

1、基于Web技术开发移动设备客户端应用

用您熟悉的JavaScript、HTML技术，或者结合移动Web UI框架jQuery Mobile、Sencha Touch 开发跨平台移动客户端。

2、用PhoneGap访问设备本地API

提供跨平台设备访问能力，以下列出访问设备部分功能，本系列专题在以后文章中详解使用方法。

ACCELEROMETER(重力感应)

CAMERA(摄像机)

COMPASS(指南针)

CONTACTS(通讯录)

FILE(文件)

GEOLOCATION(地理定位)

MEDIA(媒体)

NETWORK(网络)

NOTIFICATION (通知)

STORAGE(Sqlite数据库存储)

3、发布您的程序到不同移动平台

Phongap Build 提供在线打包Web应用到各移动平台客户端的能力，下一篇文章实例介绍将本社区开源项目Sencha Touch 2 DEMO打包成Android平台APK文件的方法。下图是PhoneGap Build在线打包完成，并且提供下载的界面：

PhoneGap如何工作?

PhoneGap架构拥有强大的跨平台访问设备能力，但是其工作原理并不神秘，下面以iPhone和Android平台为例进行分析。

iPhone和Android平台共同点是都有内置的WebView组件，其具备两个特性：

1、WebView组件实质是移动设备的内置浏览器

WebView这个内置浏览器特性是Web能被打包成本地客户端的基础，可方便的用HTML5、CSS3页面布局，这是移动Web技术的优势相对于原生开发。

2、WebView提供Web和设备本地API双向通信的能力

PhoneGap针对不同平台的WebView做了扩展和封装，使WebView这个组件变成可访问设备本地API的强大浏览器，所以开发人员在PhoneGap框架下可通过JavaScript访问设备本地API。

明白以上两个特性，参照下面PhoneGap与设备本地API通信图，一个成熟的PhoneGap技术客户端运行状况如下：

应用运行在WebView组件上 —》 通过PhoneGap在各平台的扩展 —》 最终访问设备本地资源

原文链接：http://www.html5mobi.com/discussion/164/phonegap