PhoneGap系列专题之一：架构基础及工作原理介绍

jasonrenyu 2011-12-12

PhoneGap系列专题之一：架构基础及工作原理介绍

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

为什么需要PhoneGap？

移动技术的发展对于开发人员来说是个悲剧，开发应用需顾及到不同平台的框架和开发语言，如iPhone、Android、Windows Mobile等。
PhoneGap基于标准的Web技术，在Web应用和设备之间搭建一个通信的桥梁，封装各种设备平台差异，提供统一的JavaScript接口。 
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如何工作？

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在各平台的扩展  —》 最终访问设备本地资源

【转载请注明以下信息】

作者：刚子

来自：移动Web开发社区

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

下篇文章预告：PhoneGap系列专题之二：实例讲解在线打包Web到Android平台客户端应用

相关知识链接：刚子另一篇综合介绍移动Web开发技术的PPT下载

jasonrenyu

jasonrenyu

相关推荐

Linux环境变量配置全攻略

在自定义安装软件的时候，经常需要配置环境变量，下面列举出各种对环境变量的配置方法。export命令显示当前系统定义的所有环境变量。这两个命令执行的效果如下。使用export命令直接修改PATH的值，配置MySQL进入环境变量的方法:. 配置的环境变量中不要

昭君出塞 / 0评论 2020-11-23

VS Code + PlantUML实现跨平台设计

在日常的开发设计中，不可避免的要对系统进行一些UML相关的设计。UML通过一种可视化的方式，对系统进行建模、设计，它是一种统一建模语言。在Windows操作系统下，Visio是一种常用的建模工具。PlantUML 是一个开源项目,支持快速绘制时序图、用例图

zbkyumlei / 0评论 2020-10-12

springcloud vue.js 微服务分布式 activiti工作流 前后分离 集成代码生成器 shiro权限

三：系统服务-----------------------------------------------------------------------------------------------------1. 权限管理：点开二级菜单进入三级菜单显

yxlnum / 0评论 2020-03-16

CentOS minimal 无线网卡Intel PRO/Wireless 2200BG问题

困扰我好久的一个问题，搞了半天，原来是无线网卡的固件问题。Q: 为何lsmod里面有ipw2200的模块，但是iwconfig看不到设备？A: 因为系统内置了Intel 2200bg的驱动了，但是由于版权问题，没有内置固件（韧体）。应用程序->附件-

88580090 / 0评论 2015-09-12

a href=#与 a href=javascript:void(0) 的区别

<a href="javascript:void" onClick="window.open()"> 点击链接后，页面不动，只打开链接。<a href="#" onclick=&

linkincsdn / 0评论 2015-10-30

iOS并发编程指南

iOS 和 Mac OS 传统的并发编程模型是线程，不过线程模型伸缩性不强，而且编写正确的线程代码也不容易。Mac OS 和 iOS 采取 asynchronous design approach 来解决并发的问题。只需定义想要执行的任务，然后添加到适当的

yexiekai / 0评论 2012-05-26

[转好] 记性不如烂笔头2 VIM操作技巧，持续更新。

xxx)表示在整篇文档中搜索匹配xxx的字符串,/表示向下查找,?注释段中第一次出现这个单词的地方.fx本命令表示在光标所在行进行查找,查找光标右(左)方第一个x字符.位和编辑.因此能更快一点移动光标是很有用的.^移动光标到本行最开头的字符处.L移动光标到

lerdor / 0评论 2011-09-01

mysql mysql 主从配置

GRANT FILE,SELECT,REPLICATION SLAVE ON *.* TO rep@sa_cfengine1 IDENTIFIED BY ‘cnrep’;方法很多，可以打包之后scp，再解压，由于sa_cfengine1到mysql mas

liangkaiping0 / 0评论 2011-07-13

linux设备

虽然Linux桌面应用发展很快，但是命令在Linux中依然有很强的生命力。Linux是一个命令行组成的操作系统,精髓在命令行，无论图形界面发展到什么水平这个原理是不会变的。实际上很多读者对Linux的命令行的使用存在着诸多的“畏惧”心理，不知道如何正确有效

silenter00 / 0评论 2011-04-20

linux查看所在服务器硬件、软件情况

lonesomer / 0评论 2011-03-18

如何围绕企业战略，建设BI驾驶舱？

随着企业的逐步发展，人员的增加、业态的复杂不仅对管理也对信息化的要求越来越高，甚至需要从战略角度出发，进行从上至下的全面推行。面对这样的瓶颈，一方面从优化信息架构、调整IT管理模式、重视工具选型来提升信息水平；另一方面，利用BI建设管理驾驶舱，将管理要素“

mayongzhancsdn / 0评论 2016-11-10

tomcat绑定多个域名

首先要将您的域名解析到tomcat所在的服务器上比如您的服务器的IP为102.11.28.16;打算在这台机器上部署三个应用，分别对应三个域名。xy109.com默认端口改为80 <Connector port="80" prot

AndrewYuan / 0评论 2013-03-19

网络应用系统设计的基本原则

，所以，没有无故障的系统。. 部分重构优于整体重构。和前面的KISS原则可以接合着一块用。另外8020原则也差不多是这个意思。. 系统能够自动恢复

zjxbjh / 0评论 2012-04-25

svn常规操作

　　其中 username 与 password前是两个短线，不是一个。　　不指定本地目录全路径，则检出到当前目录下。　　　如果省略 本地目录全路径，URL的最后一部分会作为本地目录的名字。　　第二种形式是指定 本地检出的目录全路径 到 要导出的本地目录全

飞到大连 / 0评论 2014-08-07

程序员的7大坏习惯

哥们儿，我有一个坏消息要告诉你，你的代码很垃圾。我想这个项目在做时间预算的时候没有程序员参与，否则建造完成时间可能是两个礼拜。虽然重复的简单工作很枯燥，但是那也是必须完成的任务。记住，再激动人心的项目也有枯燥无味的任务要完成！很多程序员都没有搞明白“完成”

guoxiaolong00 / 0评论 2012-11-24

Heritrix源码分析(十四) 如何让Heritrix不间断的抓取

近段时间在搞定Lucene的一些问题,所以Heritrix源码分析暂时告一段落。今天下午在群里有同学提到了Heritrix异常终止的问题以及让Heritrix不停的抓取。我想这2个问题都可以用我下面这个方法，但对于Heritrix异常终止的问题这个方法也只

tonygsw / 0评论 2010-11-21

转发一篇 分布式事务介绍

REST微服务的分布式事务实现-分布式系统、事务以及JTA介绍

isHooky / 0评论 2017-07-07

Gradle笔记——Gradle的简介与安装

对Ant的任务做了很好的集成基于Groovy，build脚本使用Groovy编写有广泛的领域模型支持构建Gradle 概述1，基于声明和基于约定的构建。5，有良好的扩展性。7，多种方式的依赖管理。10，脚本采用Groovy编写，易于维护。11，通过Grad

yz0 / 0评论 2016-07-07

Java应用的负载均衡、集群、高可用(HA)解决方案

参考：apache和tomcat的性能分析和对比1.3、lvs —— Linux Virtual Server的简写，意即Linux虚拟服务器，是一个虚拟的服务器集群系统。由毕业于国防科技大学的章文嵩博士于1998年5月创立，可以实现LINUX平台下的简单

Imperva / 0评论 2014-11-24

Middlegen + Hibernate3 生成hibernate映射文件 mapping xml + java代码

下面指定数据库与用户名以及密码。

bluetears / 0评论 2013-09-25

jquery attr()方法

在JS中设置节点的属性与属性值用到setAttribute(),获得节点的属性与属性值用到getAttribute(),而在jquery中，用一个attr()就可以全部搞定了,赞一个先 ^^jquery中用attr()方法来获取和设置元素属性,attr是a

82473264 / 0评论 2016-08-17

CSS语法和CSS优先级

语法层叠样式表， 其基本目标是让浏览器以指定的特性去绘制页面元素，比如颜色，定位，装饰。CSS的语法反映了这个目标，由下面两个部分构建：。CSS 声明CSS的核心功能是将CSS属性设定为特定的值。在CSS中，属性和值对大小写都是敏感的。CSS语法和CSS优

JenniferMuMu / 0评论 2016-07-20

Mybaits技术（一） Mybatis入门示例

新建一个Web工程，名称为MybatisFramework。classes12.jar在src下面新建log4j.properties文件，该文件的内容如下：

mrsuddenflash / 0评论 2012-02-24

Myeclipse debug

在代码编辑区的最左侧右击并选择ToggleBreakpoints设置断点;设置断点的位置可按自己选择;设置断点后可在代码区直接右击，并选择Debug As菜单条中的Java Application菜单项;这样就进入了调试界面; 使用快捷键进行调试。F5：单

shebaopen / 0评论 2011-11-25

css字体样式

注意：取值范围从数字100~900，浏览器默认的字体粗细为400。另外可以通过参数lighter和bolder使得字体在原有基础上显得更细或更粗些。

SuiKaSan的自学室 / 0评论 2016-01-26

a href=#与 a href=javascript:void(0) 的区别

<a href="javascript:void" onClick="window.open()"> 点击链接后，页面不动，只打开链接。点击链接后，不想使页面滚到页首，就用href="javas

wdy00 / 0评论 2015-10-30

你所不知道的html5与html中的那些事（四）——文本标签

文章简介： 关于html5相信大家早已经耳熟能详，但是他真正的意义在具体的开发中会有什么作用呢？为什么一些专家认为html5完全完成后，所有的工作都可以达到真正的云方式呢？下面我们就来看看1)元素title属性对语意的重要性是什么？2)html5中的新标

huzijia / 0评论 2015-04-20

CSS3新增属性text-shadow详解及燃烧的字体实战开发

今天这篇文章，我将带领大家一起来领受CSS3在文本样式应用方面的超强能力。通过精彩的实例，来使大家重新认识CSS3文本样式，真心希望大家通过此篇文章，即使不能做到精通CSS3的文本样式的应用，也会做到熟练应用。实例：如何利用CSS3制作燃烧的字体？CSS3

sorryericsson / 0评论 2014-08-05

Hibernate主键的生成方式

主键由外部程序负责生成，无需Hibernate参与。状态保存在Sequence中，适用于支持Sequence的数据库，如Oracle。主键按数值顺序递增。此方式的实现机制为在当前应用实例中维持。将此值加1作为主键。的主键，从而造成主键重复异常。因此，如果同

无道圣教主 / 0评论 2011-01-03

jQuery的.on()方法详解

.on1.概述：绑定一个或多个事件的event handlerfunction到选中的元素上。.on event：一个或多个空格分隔的事件类型和可选的命名空间，如“click”或“keydown.myPlugin”。如果选择器是null或者被省略，则选中

Ardencyz / 0评论 2014-03-23

JVM调优总结 -Xms -Xmx -Xmn -Xss(转)

此值可以设置与-Xmx相同，以避免每次垃圾回收完成后JVM重新分配内存。持久代一般固定大小为64m，所以增大年轻代后，将会减小年老代大小。此值对系统性能影响较大，Sun官方推荐配置为整个堆的3/8。更具应用的线程所需内存大小进行调整。JDK5.0以后，JV

taozijun / 0评论 2014-01-06

Hibernate之容器映射 Set映射

一条person记录对应多条email记录,我们用set,因为元素不重复.<setname="emails"table="eails">//对应Person类中字段,表是emails表。)在 Hibern

追求 / 0评论 2010-05-24

关于dgrid的pagination组件的问题

height: 2em; /* force consistent heights across columnset cells */. <div id="dgrid"></div> 对于dgrid的Paginat

葉無聞 / 0评论 2013-02-05

MyEclipse 10.5 下载

官方下载地址 网盘下载地址

alvinz / 0评论 2012-07-09

rabbitmq 学习-6-rabbitmq基础

rabbitmq的中文资料真少，和同事lucas经过两周的学习，讨论，测试，终于搞清了部分rabbitmq的知识，先总结一下。连接，与rabbitmq server建立的一个连接，由ConnectionFactory创建，虽然创建时指定 了多个server

woaishanguosha / 0评论 2012-06-30

30 +漂亮的jQuery菜单导航（上）

30 +漂亮的jQuery菜单导航（上）博客分类：web UIjs插件库jQuery的垂直菜单jQuery的滑动菜单jQuery的浮动菜单jQuery的横向菜单 目前，jQuery的菜单正变得越来越流行。我们可以使用jQuery创造美化菜单，通过一些鼠标

黑色幽默 / 0评论 2012-05-15

log4j:WARN Please initialize the log4j system properly 问题解决

log4j.properties文件需要放到web-inf/class目录下面,在eclipse里面放到src目录下面，会自动拷贝到class目录下面去。

hance / 0评论 2011-11-18

如何判断Javascript对象是否存在

Javascript语言的设计不够严谨，很多地方一不小心就会出错。举例来说，请考虑以下情况。现在，我们要判断一个全局对象myObj是否存在，如果不存在，就对它进行声明。用自然语言描述的算法如下：。你可能会觉得，写出这段代码很容易。只有对Javascript

麋鹿麋鹿迷了路 / 0评论 2011-08-28

CSS3伪类选择器：nth-child()

伪类:nth-child()的参数是an+b，如果按照w3.org上的描述，写成中文， 很可能会让人头晕，再加上笔者的文笔水平有限，所以我决定避开an+b的说法，把它拆分成5种写法共5部分来说明。直接匹配第number个元素。参数number必须为大于0的

每天积累一点点 / 0评论 2011-07-22

根据判断浏览器类型屏幕分辨率自动调用不同CSS的代码

引号里面分别填写，用户使用FF的时候并且分辨率为1024*768,800*600,1152*864要使用的css文件名.var Other1024="";

每天积累一点点 / 0评论 2011-05-19

JS 判断浏览器类型（是否使用IE,Firefox,Opera浏览器）

我们开发的人来说经常要加个判断，要不可能某些功能没法正常使用。要是没加个判断就会给大家带来些麻烦!有人喜欢用ie,firefox,还有人喜欢用腾讯tt,maxthon等等。虽然名字可能有很多种,但是内核我们知道下就没问题了。由于在开发时碰上这个问题。于是找

pworld / 0评论 2011-05-19

这是一个测试

跳转到app吧红包跳转

moneyispaper / 0评论 2016-10-26

错误 Fiddler is suddenly giving me an error "Unable to bind to port [8888]

后来下载个同样的抓包工具Charles，安装后启动也是包端口不能绑定，错误代码也是：87。后来用Charles的错误提示搜索一下，网上有同样的问题。Charles和fiddler都有效命令介绍：netsh winsock reset命令，作用是重置 Win

fshwalwal / 0评论 2015-11-20

[Android算法] Android蓝牙开发浅谈

对于一般的软件开发人员来说，蓝牙是很少用到的，尤其是Android的蓝牙开发，国内的例子很少 Android对于蓝牙开发从2.0版本的sdk才开始支持，而且模拟器不支持，测试至少需要两部手机，所以制约了很多技术人员的开发，刚巧这段时间公司有蓝牙开发的需求，

espressif / 0评论 2014-12-15

Android的蓝牙开发 浅析

对于一般的软件开发人员来说，蓝牙是很少用到的，尤其是Android的蓝牙开发，国内的例子很少 Android对于蓝牙开发从2.0版本的sdk才开始支持，而且模拟器不支持，测试至少需要两部手机，所以制约了很多技术人员的开发，刚巧这段时间公司有蓝牙开发的需求，

浅梦墨汐 / 0评论 2012-05-07

学习iPhone开发中 sqlite3的使用（转载）

由于我主要负责我们小组项目数据库模块的部分所以这几天都一直在研究在iphone中最为常用的一个简单数据库sqlite,自己也搜集很多资料,因此在这里总结一下这几天的学习成果:. 以下我们就建立数据库、建立资料表及索引、新增资料、查询资料、更改资料、移除资料

jasenwan / 0评论 2012-03-15

转：Android SQLite 数据库 存取 BLOB 二进制 文件

Android开发时用到二进制数据的SQLite存取，可能会有人对存取如mp3、图片类文件困惑，其实mp3、图片类文件读到内存就可理解为BYTE数组，只要在下面的基础上增加将文件读到BYTE数组就可以了，其他操作是相同的。

liutian0 / 0评论 2011-08-14

CSS font-weight 属性

表格中的数字表示支持该属性的第一个浏览器版本号。400 等同于 normal，而 700 等同于 bold。定义标准的字符。bolder定义更粗的字符。inherit规定应该从父元素继承字体的粗细。如您还有不明白的可以在下面与我留言或是与我探讨QQ群308

huakaiwuxing / 0评论 2017-01-16

Python集成开发环境(Eclipse+Pydev)

Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublim

快递小可 / 0评论 2014-08-04