阿里云-云小站(无限量代金券发放中)
【腾讯云】云服务器、云数据库、COS、CDN、短信等热卖云产品特惠抢购

PhoneGap3+版本的安装、配置和使用

131次阅读
没有评论

共计 2744 个字符,预计需要花费 7 分钟才能阅读完成。

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

PhoneGap3+ 版本的安装、配置和使用

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

下载安装 Ant

安装 3 + 版本的 PhoneGap 需要 Ant,Ant 是一款基于 Java 的打包工具。该工具在 Apache 官方网站提供下载。

Windows 环境的安装方法:

1、从 Apache 下载 Ant。

2、将 Ant 解压缩至硬盘某目录,如 C 盘根目录:

PhoneGap3+ 版本的安装、配置和使用

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

下载安装 Node.js

安装 3 + 版本的 PhoneGap 需要 Node.js。在官方网站下载安装后,打开命令行,运行 npm 命令查看输出结果或运行 node 命令进入 node 命令行模式。如果成功,可以确认安装成功。

下载安装 PhoneGap

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

PhoneGap3+ 版本的安装、配置和使用

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

如果是首次安装,http 状态码应该是 200。

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

PhoneGap3+ 版本的安装、配置和使用

如果运行“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 程序。

PhoneGap3+ 版本的安装、配置和使用

目前创建的还不是真正的 Android 程序,但是这些信息会写入 config.xml 文件中。

PhoneGap3+ 版本的安装、配置和使用

执行命令“cdhello”,切换至 hello 目录下。

之后,执行不同的命令可进行指定的操作:

“phonegapbuild android”命令用于创建 Android 项目,创建成功后,可以在“C:\hello\platforms”文件夹内看到 Android 工程文件;

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

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

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

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

执行命令后,开始编译运行 Android 程序。如果当前电脑并没有连入可供测试的 Android 设备,PhoneGap 会尝试运行 Android 虚拟设备(avd)。如果用户之前并没有创建 Android 虚拟设备,命令行会给出提示,程序终止:

PhoneGap3+ 版本的安装、配置和使用

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

PhoneGap3+ 版本的安装、配置和使用

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

PhoneGap3+ 版本的安装、配置和使用

导入 Eclipse

为了便于开发,我们需要将 Android 项目导入 Eclipse。在导入的过程中发现有些地方容易出现问题。

在导入的过程中,选择了项目文件中的 Android 工程后,会遇到这一步:

PhoneGap3+ 版本的安装、配置和使用

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

导入工程后,项目工程与 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

PhoneGap3+ 版本的安装、配置和使用

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

注意事项

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

如果在确认配置正确的情况下,下载 PhoneGap 失败,可以再尝试下载几次。如果依然失败,考虑开启科学上网模式。

IntelliJ IDEA 搭建 PhoneGap for Android 开发环境图解  http://www.linuxidc.com/Linux/2014-06/103144.htm

PhoneGap 的详细介绍 :请点这里
PhoneGap 的下载地址 :请点这里

本文永久更新链接地址 :http://www.linuxidc.com/Linux/2015-08/122152.htm

正文完
星哥说事-微信公众号
post-qrcode
 
星锅
版权声明:本站原创文章,由 星锅 2022-01-21发表,共计2744字。
转载说明:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
【腾讯云】推广者专属福利,新客户无门槛领取总价值高达2860元代金券,每种代金券限量500张,先到先得。
阿里云-最新活动爆款每日限量供应
评论(没有评论)
验证码
【腾讯云】云服务器、云数据库、COS、CDN、短信等云产品特惠热卖中