PhoneGap:3+版本的安装、配置和使用[图]

如若转载,请注明博文地址及原作者(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,意为服务器提供的版本与当前已安装版本内容无异,不返回新内容。

如果是首次安装,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”文件夹内看到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虚拟设备,命令行会给出提示,程序终止:

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

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

导入Eclipse

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

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

从上图中可以看出,项目文件中含有两个工程。上面的工程是我们创建的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

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

注意事项

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

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

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

PhoneGap:3+版本的安装、配置和使用[图],布布扣,bubuko.com

时间: 2024-12-20 01:19:02

PhoneGap:3+版本的安装、配置和使用[图]的相关文章

Python版本OpenCV安装配置及简单实例

# 2018-06-03 # 1. Python下载:https://www.python.org/downloads/ 选择对应平台对应版本的的Python进行安装. 2. Python版OpenCV安装: 如果Python环境已在电脑中全局配置,则可以直接用 pip 包管理工具进行安装,打开cmd直接输入: pip3 install opencv-python 如果没有配置Python环境或者Python是隔离的,可以到相应文件夹下调用pip工具,如下图: 3. 简单实例,通过Python的

关于QT版本的安装配置的一些困惑

大概是之前安装和使用QT太顺利了,什么都没注意就开始使用了.使用VS2012开发Qt5.31的程序一段时间以后,虽然好用,但是发现其编译的程序不能在XP上使用,要打补丁才行.不仅VS2012本身要打补丁,而且我使用的一个库也要有相应的区别选择,实在是够麻烦的.何况VS2012本身不能在XP下使用,所以思量着使用VS2005或者VS2008做开发吧,实在没办法VS2010也行,至少家里的XP老机子能用.没想到问题来了: 1. 之前装的是QT5.31 for VS2012,因此使用VS2010怎么编

JMeter安装+配置+运行

环境配置: 操作系统:Win7系统 jdk版本:1.8 JMeter版本:3.0 一  JMeter的安装配置过程 JMeter是100%纯java应用程序,它在任何支持完整java实现的系统上都能正常运行.JMeter的安装配置对java版本的要求: JVM1.5或者更高版本. 安装配置过程: 第一步  安装JDK,配置JDK路径 到Oracle官方网站下载最新版本的jdk:http://www.oracle.com/technetwork/java/javase/downloads/jdk8

安装配置PhoneGap开发环境(二)——使用Cordova代替PhoneGap创建项目

1 Cordova是谁 PhoneGap的官方文档说的很清楚.Cordova是PhoneGap的引擎,这两者的关系类似于WebKit与Chrome浏览器的关系.所以一些核心的基础操作对于Cordova与PhoneGap是相通的.有时候使用PhoneGap创建工程的会出现一些莫名的问题,推荐使用Cordova创建. 2 下载PhoneGap与Cordova 略.见<安装配置PhoneGap开发环境(一)>. 3 使用Cordova创建PhoneGap项目 查看当前平台的Cordova版本: co

Hive2.x 版本的安装及配置 以及要注意的事项

博主学习Hadoop学习到Hive,一开始跟着资料去安装Hive 1.x一点问题也没有,方便快捷啊,但是看了一下官方文档,上面好像说Hive 2.0修复了很多bug,那么我想,我还是用Hive2.0好了.于是我开始按照原来的流程配置Hive2.0,遇到了各种问题,而且由于版本太新,国内网站上的解决方案基本上没有用.查阅各种资料,现在终于配置好了.所以写这篇博文分享,希望减少跟我一样的新手在使用Hive2.0的时候遇到的阻力. Hive 1.x与2.x As of June 2015, Hive

【转载】NodeJS、NPM安装配置步骤(windows版本)

1.windows下的NodeJS安装是比较方便的(v0.6.0版本之后,支持windows native),只需要登陆官网(http://nodejs.org/),便可以看到首页的“INSTALL”按钮,直接点击就会自动下载安装了. 2.安装过程基本直接“NEXT”就可以了.(windows的安装msi文件在过程中会直接添加path的系统变量,变量值是你的安装路径,例如“C:\Program Files\nodejs”). 3.安装完成后可以使用cmd(win+r然后输入cmd进入)测试下是否

史上最详细Windows版本搭建安装React Native环境配置 转载,比官网的靠谱亲测可用

史上最详细Windows版本搭建安装React Native环境配置 2016/01/29 |  React Native技术文章 |  Sky丶清|  95条评论 |  33530 views 编辑推荐:稀土掘金 是一个高质量的技术社区,从 React Native 到 RxJava,性能优化到优秀开源库,让你不错过移动开发的每一个技术干货.各大应用市场搜索「掘金」,技术干货尽在掌握中. 说在前面的话: 感谢同事金晓冰倾情奉献本环境搭建教程 之前我们已经讲解了React Native的OS X

NodeJS、NPM安装配置与测试步骤(windows版本)

1.windows下的NodeJS安装是比较方便的(v0.6.0版本之后,支持windows native),只需要登陆官网(http://nodejs.org/),便可以看到首页的“INSTALL”按钮,直接点击就会自动下载安装了. 2.安装过程基本直接“NEXT”就可以了.(windows的安装msi文件在过程中会直接添加path的系统变量,变量值是你的安装路径,例如“C:\Program Files\nodejs”). 3.安装完成后可以使用cmd(win+r然后输入cmd进入)测试下是否

ActiveMQ Part 1 : 基本安装配置(windows 版本)

1. 安装启动服务 A) 首先下载并安装最新的 JDK(本文使用:jdk-8u66-windows-x64.exe) B) 从官网下载最新的安装包(本文下载版本为:http://activemq.apache.org/activemq-5143-release.html) C) 把安装包解压后,在解压目录中找到:\bin\win64\activemq.bat (32位机器则执行相应的 win32 目录下的 activemq.bat文件) 以管理员身份运行 activemq.bat,出现以下完整界