首页 > 代码库 > PhoneGap3+版本号的安装、配置和使用[图]

PhoneGap3+版本号的安装、配置和使用[图]

如若转载。请注明博文地址及原作者(RisingWonderland)。



PhoneGap2+版本号最高为2.9.1,从3+版本号開始,PhoneGap官方不再提供下载安装包,须要在联网状态下。通过Node.js工具下载安装。官方提供的安装说明堪称精简楷模:

技术分享

直接操作可能非常多地方不明不白,本文提供3+版本号的安装、配置和使用的基本方法以及注意事项。

下载安装Ant

安装3+版本号的PhoneGap须要Ant,Ant是一款基于Java的打包工具。

该工具在Apache官方站点提供下载。

Windows环境的安装方法:

1、从Apache下载Ant。(或移步此处)

2、将Ant解压缩至硬盘某文件夹。如C盘根文件夹:

技术分享

3、将位于bin目录内的ant.bat文件所在路径增加系统Path环境变量(“C:\Ant\bin”)。

下载安装Node.js

安装3+版本号的PhoneGap须要Node.js。在官方站点下载安装后,打开命令行。执行npm命令查看输出结果或执行node命令进入node命令行模式。假设成功,能够确认成功安装。

下载安装PhoneGap

打开命令行,输入“npm install –g phonegap”,開始下载安装PhoneGap最新版:

技术分享

因为之前已经下载成功,所以上图中的http状态码是304。意为server提供的版本号与当前已安装版本号内容无异。不返回新内容。

假设是首次安装,http状态码应该是200。

PhoneGap成功安装后,重新启动命令行工具。执行“phonegap”命令,可得到输出结果(部分):

技术分享

假设执行“phonegap”命令得到的结果是“不是内部或外部的命令”。关闭命令行。尝试关闭或重新启动可能施加影响的程序。或者又一次启动计算机。

在C盘的“node_modules”目录下会看到名为“phonegap”的目录。这里是我们下载的PhoneGap文件。

配置

为了可以使用PhoneGap创建并执行Android程序,须要进行一些配置。

安装并配置JDK1.6+版本号。

安装Eclipse和Eclipse的Android环境。

更新Android的SDK至最新版。

为系统Path环境变量添加Andropid的SDK信息。如果AndroidSDK文件夹位于D盘根文件夹。将“D:\sdk\tools”和“D:\sdk\platform-tools”添加Path环境变量。

为系统Path环境变量添加Eclipse的Android插件信息:如果装有Android环境变量的Eclipse软件位于D盘根文件夹,将“D:\eclipse\ plugins\org.apache.ant_1.8.2.v20120109-1030\bin”添加Path环境变量。

使用

打开命令行,将路径切换至要创建PhoneGap应用的文件夹下。如C盘根文件夹。

运行命令“phonegapcreate hello”能够创建一个项目目录名为“hello”的PhoneGap程序。创建成功后,能够在C盘根目录看到“hello”目录。

还能够使用更具体的命令“phonegap create hello com.demo.hello HelloGP”创建一个项目目录名为“hello”、项目包名为“com.demo.hello”、程序名为“HelloGP”的PhoneGap程序。

技术分享

眼下创建的还不是真正的Android程序,可是这些信息会写入config.xml文件里。

技术分享

运行命令“cdhello”,切换至hello文件夹下。

之后。运行不同的命令可进行指定的操作:

“phonegapbuild android”命令用于创建Android项目,创建成功后。能够在“C:\hello\platforms”目录内看到Androidproject文件。

“phonegapinstall android”命令用于在Android设备上执行项目;

“phonegap-e install android”命令用于在Android虚拟设备上执行项目。

“phonegaprun android”命令用于一步创建Android项目并在Android设备上执行项目;

“phoengap–e run android”命令用于一步创建Android项目并在Android虚拟设备上执行项目。

执行命令后。開始编译执行Android程序。假设当前电脑并没有连入可供測试的Android设备。PhoneGap会尝试执行Android虚拟设备(avd)。

假设用户之前并没有创建Android虚拟设备,命令行会给出提示,程序终止:

技术分享

假设当前电脑连接有可供測试的Android设备。我们创建的Android程序可通过此设备进行安装測试:

技术分享

基础PhoneGap应用执行在手机上的截图:

技术分享

导入Eclipse

为了便于开发,我们须要将Android项目导入Eclipse。在导入的过程中发现有些地方easy出现故障。

在导入的过程中。选择了项目文件里的Androidproject后。会遇到这一步:

技术分享

从上图中能够看出,项目文件里含有两个project。上面的project是我们创建的HelloGP程序,以下的project是PhoneGap提供的类库文件,相当于3+版本号之前的cordova.jar。我们要进行编辑的是上面的程序。可是两个project都要导入,并且“Copy projects into workspace”选项不能勾选,否则会出现缺失类文件错误。所以在创建项目时,为了便于管理,不要创建在暂时工作区间。

导入project后,项目project与3+之前版本号有所不同。assets不在www文件夹内。“res/xml”文件夹下没有config.xml文件,Activity中的super.loadUrl方法内接收的參数不是直接的html地址字符串。

 

很多其它信息

更新PhoneGap至最新版的命令:npm update –g phonegap

查看PhoneGap版本号信息的命令:phonegap version或phonegap –v

查看PhoneGap具体信息的命令:npm info phonegap

技术分享

安装指定PhoneGap版本号的命令:npm install –g phonegap@[详细版本号号]

注意事项

有时在命令行编译Android项目失败。会有build-tools版本号过低的提示,所以请打开SDK Manager。确保当前已经更新至最新版。

假设在确认配置正确的情况下,下载PhoneGap失败,能够再尝试下载几次。假设依旧失败,考虑开启科学上网模式。


如若转载,请注明博文地址及原作者(RisingWonderland)。



PhoneGap3+版本号的安装、配置和使用[图]