现在PhoneGap的代码已经贡献给了Apache软件基金会(ASF),并且改名为 Apache Cordova。这个名字来源于温哥华的科尔多瓦街(Cordova Street),它是创建PhoneGap时Nitobi公司的所在地。
现在我们只需要安装Apache Cordova即可。访问Apache Cordova官网,查看安装方法。
下面简述安装步骤(在已经安装完NodeJS的情况下):
第一步:安装cordova
在OS X和Linux系统下输入下面的命令:
- $ sudo npm install –g cordova
在Windows系统下输入:
- C:\>npm install –g cordova
第二步:创建App
- $ cordova create hello com.example.hello HelloWorld
第三步:添加各个平台
- $ cd hello
- $ cordova platform add ios
- $ cordova platform add amazon–fireos
- $ cordova platform add android
- $ cordova platform add blackberry10
- $ cordova platform add firefoxos
- $ cordova platform add wp8
- $ cordova platform add windows8
- $ cordova platform add amazon–fireos
- $ cordova platform add android
- $ cordova platform add blackberry10
- $ cordova platform add firefoxos
第四步:构造App
- $ 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
安装完成之后,记得配置好环境变量。
添加新的环境变量, 根据安装路径,调整下面的路径:
- ANDROID_HOME Value: C:\Program Files\adt–bundle–windows–x86_64–20140321\sdk
- ANT_HOME Value: C:\Program Files\apacheant
- JAVA_HOME Value: C:\Program Files\Java\jdk1.8.0_05
添加到Path
- %JAVA_HOME%\bin;%ANT_HOME%\bin;%ANDROID_HOME%\platform–tools;%ANDROID_HOME%\tools;
以上完成后再在Android SDK的安装目录中,有SDK Manager.exe程序,在命令行中启动该程序。
在Tools->Manage AVDs中,创建一个新的Android模拟器。
最后就可以开始在Android平台上编译和运行我们的的第一个PhoneGap程序了。
- $ 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