PhoneGap简单了解
PhoneGap官方网站 和 Cordova官方网站
Cordova中文教程
一、PhoneGap和cordova
Apache Cordova是一个开源的移动开发框架。它允许您使用标准Web技术 - HTML5,CSS3和JavaScript进行跨平台开发。应用程序在针对每个平台的包装器中执行,并且依赖于符合标准的API绑定来访问每个设备的功能,如传感器,数据,网络状态等。
PhoneGap 被 Adobe 收购了,但是剥离了核心代码贡献给 Apache Software Foundation,Apache 将这个项目命名为Cordova ,也就是说 PhoneGap 是基于 Cordova 的。
就目前来看,cordova是一个移动应用开发框架,你基于这个东西可以用网页代码作出APP。Phonegap Build是一个在线打包工具,你把使用cordova写好的项目给Phonegap Build,Phonegap Build就会在线打包成App。
目前大家所说的Phonegap,其实指的都是cordova,而那个真正被Adobe收购了的Phonegap(PhoneGap | Home),现在是Phonegap Build,(iPhone, Android SDK service)和cordova(Apache Cordova)的合体。
二、使用PhoneGap
注意:在设备上预览应用程序时,需要设备和server在同一局域网中
三、构建和打包应用程序的两种选择
** 1、使用PhoneGap CLI在本地构建和打包**
在安装PhoneGap CLI之前,您需要一些基本的要求:
Node.js - 构建JavaScript代码的JavaScript运行时
git - 在后台使用CLI下载资源。它预先安装在某些操作系统上。您可以通过git从命令行输入来检查是否已经安装。
通过npm安装
运行以下命令安装最新版本的PhoneGap CLI:
$ npm install -g phonegap
安装特定版本
您可以通过指定符号后的版本号来安装
PhoneGap CLI的特定版本:npm@
$ npm install -g phonegap@5.1.1
提示:要获得可用的PhoneGap CLI版本列表,您可以运行
$ npm info phonegap```
如果在此处运行任何命令时遇到错误,请尝试加上前缀sudo,例如:$ sudo npm install -g phonegap
ps:可能会出现 npm: command not found的错误,这是因为没有安装npm([安装npm和node](http://www.jianshu.com/p/20ea93641bda))和sudo: npm: command not found [解决](http://leeqq.iteye.com/blog/2269038)
也可能会出现出现权限问题[Operation not permitted](http://www.jianshu.com/p/22b89f19afd6),可以尝试关闭 Rootless。重启按住 Command+R,进入恢复模式,打开Terminal。
csrutil disable```
重启即可。想要恢复默认,那么
csrutil enable
** 2、 使用PhoneGap构建云服务,以简化构建和应用程序打包过程**
- 首先要注册一个账号(有付费账号和免费账号)
- 上传相应平台的证书
- 构建版本
ps:安装模拟器以便测试的时候在模拟器上运行安装模拟器
四、添加相应的平台
使用PhoneGap建立的项目默认只有brower平台,我们可以使用Cordova添加相应的平台,以便在不同平台做个性化的处理,比方说,设置iOS平台设置证书和单独Building。
安装Cordova CLI
Cordova命令行工具以npm软件包的形式发布。
要安装cordova命令行工具,请按照下列步骤操作:
-
1.下载并安装 Node.js
-
**2.(可选)如果你还没有下载git客户端,请下载并安装。安装后,您应该可以在命令行调用
git
.当我们使用url引用到git repo时,CLI使用它来下载资源。 ** -
3.
cordova
使用npm
Node.js的实用程序安装模块。该cordova
模块将由npm
实用程序自动下载
在OS X和Linux上:
$ sudo npm install -g cordova
在OS X和Linux上,可能需要对npm
命令 sudo
添加前缀,以将此开发实用程序安装在其他有限的目录中/usr/local/share
。如果使用可选的nvm / nave工具或对安装目录具有写入权限,则可以省略sudo
前缀。
在Windows上:
C:\>npm install -g cordova
-g上面的标志告诉全球npm
安装cordova
。否则将安装在node_modules当前工作目录的子目录中。
安装后,您应该能够cordova
在命令行中运行 ,不带参数,它应该打印帮助文本。
添加平台
该命令需要在项目目录或者任何子目录中运行
$ cd HelloWorld
添加您要定位到应用程序的平台。我们将添加“ios”和“android”平台,并确保它们被保存到config.xml:
$ cordova platform add ios --save
$ cordova platform add android --save
检查您当前的平台集:
$ cordova platform ls
运行命令添加或删除平台影响该项目的内容平台的目录,其中每个指定的平台上显示为一个子目录。
注:当使用CLI来构建应用程序,你不应该编辑
/platforms/
目录下的任何文件。当准备构建应用程序或重新安装插件时,此目录中的文件会被常规地覆盖。