Press "Enter" to skip to content

安装PhoneGap(Cordova)安装记录

内容目录

现在PhoneGap的代码已经贡献给了Apache软件基金会(ASF),并且改名为 Apache Cordova。这个名字来源于温哥华的科尔多瓦街(Cordova Street),它是创建PhoneGap时Nitobi公司的所在地。

现在我们只需要安装Apache Cordova即可。访问Apache Cordova官网,查看安装方法。
下面简述安装步骤(在已经安装完NodeJS的情况下):

第一步:安装cordova

在OS X和Linux系统下输入下面的命令:

  1. $ sudo npm install g cordova

在Windows系统下输入:

  1. C:\>npm install g cordova

第二步:创建App

  1. $ cordova create hello com.example.hello HelloWorld

第三步:添加各个平台

  1. $ cd hello
  2. $ cordova platform add ios
  3. $ cordova platform add amazonfireos
  4. $ cordova platform add android
  5. $ cordova platform add blackberry10
  6. $ cordova platform add firefoxos
  7. $ cordova platform add wp8
  8. $ cordova platform add windows8
  9. $ cordova platform add amazonfireos
  10. $ cordova platform add android
  11. $ cordova platform add blackberry10
  12. $ cordova platform add firefoxos

第四步:构造App

  1. $ cordova build

如果在第三步,第四步遇到error不能跑通,可能需要先按照第五步下载组件,配置环境变量

第五步:在模拟器或者设备上运行App

这里以android开发平台为例,分别下载安装最新的JDK、Android SDK、Apache Ant。
以下是下载地址:
http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html
http://developer.android.com/sdk/index.html
http://ant.apache.org/bindownload.cgi
安装完成之后,记得配置好环境变量。
添加新的环境变量, 根据安装路径,调整下面的路径:

  1. ANDROID_HOME Value: C:\Program Files\adtbundlewindowsx86_6420140321\sdk
  2. ANT_HOME Value: C:\Program Files\apacheant
  3. JAVA_HOME Value: C:\Program Files\Java\jdk1.8.0_05

添加到Path

  1. %JAVA_HOME%\bin;%ANT_HOME%\bin;%ANDROID_HOME%\platformtools;%ANDROID_HOME%\tools;

以上完成后再在Android SDK的安装目录中,有SDK Manager.exe程序,在命令行中启动该程序。
在Tools->Manage AVDs中,创建一个新的Android模拟器。

最后就可以开始在Android平台上编译和运行我们的的第一个PhoneGap程序了。

  1. $ cordova emulate android

模拟器跑比较慢,建议在 cordova build成功后按照成功提示的apk地址在真机安装查看效果。

 

参考资料:

官方安装文档:http://cordova.apache.org/docs/en/3.5.0//guide_cli_index.md.html#The%20Command-Line%20Interface
我的PhoneGap安装配置经历:http://www.it165.net/pro/html/201407/17784.html

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注