首页 > 代码库 > 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+版本号的安装、配置和使用[图]