PhoneGap系列专题之一:架构基础及工作原理介绍
本篇文章从PhoneGap由来、功能以及工作原理,力争由浅入深介绍PhoneGap框架。
为什么需要PhoneGap?
移动技术的发展对于开发人员来说是个悲剧,开发应用需顾及到不同平台的框架和开发语言,如iPhone、Android、Windows Mobile等。
PhoneGap基于标准的Web技术,在Web应用和设备之间搭建一个通信的桥梁,封装各种设备平台差异,提供统一的JavaScript接口。
PhoneGap是一个标准的开源框架,用PhoneGap开发移动应用是免费的,无论是商业或开源。
PhoneGap能做什么?
1、基于Web技术开发移动设备客户端应用
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在各平台的扩展 —》 最终访问设备本地资源
【转载请注明以下信息】
作者:刚子
来自:移动Web开发社区
原文链接:http://www.html5mobi.com/discussion/164/phonegap
下篇文章预告: PhoneGap系列专题之二:实例讲解在线打包Web到Android平台客户端应用
相关知识链接:刚子另一篇综合介绍移动Web开发技术的PPT下载
分享到:
相关推荐
全面而详细的介绍了移动互联网时代用于开发跨平台移动应用程序的成熟框架,该项目由apache维护,只需写一次代码,就能在7个平台上同时运行所写应用程序。
介绍PhoneGap的原理,优势,以及和其他平台的对比
phonegap的架构图,了解的人看看有没有价值吧
PhoneGap简单的VueJS模板Phonegap模板,用于使用VueJS 2创建应用。用法要创建一个phonegap项目,请执行以下操作: Phonegap CLI: $ phonegap create myapp --template ...
Phonegap项目中,使用js脚本调用ios中OC代码,需要使用Phonegap提供的一个脚本插件:cordova.js
PhoneGap-KeepScreenOn-plugin 保持显示 - 禁用空闲计时器屏幕锁定 - 避免在应用程序运行时关闭屏幕。 Cordova / PhoneGap >= 3.0 的跨平台插件 支持的平台 安卓、iOS、亚马逊 FireOS 安装 科尔多瓦: cordova ...
使用phoneGap 在android的file:///data/data/com.example.ark_test_write/lockfile.txt路径下将内容写入lockfile.txt文件
android之PhoneGap入门实例http://blog.csdn.net/beifengdelei/article/details/7702461
PhoneGap 工作坊 在本教程中,您将使用 PhoneGap 创建一个功能齐全的员工目录应用程序。 您将学习: 如何使用不同的本地数据存储策略。 如何使用多种 PhoneGap API,例如 Geolocation、Contacts 和 Camera。 如何...
PhoneGap API之事件处理
NULL 博文链接:https://gundumw100.iteye.com/blog/1545889
phonegap-plugin-wizCanvas PhoneGap 版本:3.3描述PhoneGap 插件,用于在没有 UIWebView 的情况下创建和操作本机画布以获得超高性能。安装(使用 Plugman) cordova plugin add ...
PhoneGap 工作坊 在本教程中,您将使用 PhoneGap 创建一个功能齐全的员工目录应用程序。 您将学习: 如何使用不同的本地数据存储策略。 如何使用多种 PhoneGap API,例如 Geolocation、Contacts 和 Camera。 如何...
PhoneGap架构核心代码剖析.docx
PhoneGap 工作坊 在本教程中,您将使用 PhoneGap 创建一个功能齐全的员工目录应用程序。 您将学习: 如何使用不同的本地数据存储策略。 如何使用多种 PhoneGap API,例如 Geolocation、Contacts 和 Camera。 如何...
PhoneGap 工作坊 在本教程中,您将使用 PhoneGap 创建一个功能齐全的员工目录应用程序。 您将学习: 如何使用不同的本地数据存储策略。 如何使用多种 PhoneGap API,例如 Geolocation、Contacts 和 Camera。 如何...
phonegap 最新桌面版,版本号:6.3.0
phonegap实现摇一摇拨打电话功能,摇一摇功能使用phonegap的加速计,拨打电话功能用使用了自定义的插件,phonegap版本是3.0的版本
PhoneGap 工作坊 在本教程中,您将使用 PhoneGap 创建一个功能齐全的员工目录应用程序。 您将学习: 如何使用不同的本地数据存储策略。 如何使用多种 PhoneGap API,例如 Geolocation、Contacts 和 Camera。 如何...