使用Phonegap/Cordova编写跨平台(Android/iOS)应用 (1) Android

安装篇:

1. 我是在Win7上面进行Cordova的安装的. 首先要确认以下几个扩展名的文件被设成可执行文件(.exe .bat .cmd). 步骤:

c:>set pathext

如果你发现上述三种扩展名不是都在这个pathext变量中, 就得在"计算机"->"属性"->"高级系统设置"->"环境变量"中修改PATHEXT, 确保添加了.exe .bat .cmd

NOTE: 切记要把 .bat 写在 .cmd 之前。否则 ant的调用就会调用不到 ant.bat

2. 安装nodejs: 到http://www.nodejs.org/ 下载安装nodejs.

3. 安装Cordova: 在DOS环境下输入下述命令

npm install -g cordova

‍4. 安装Eclipse (假设你是安装最新版的 Kepler)

5. 安装 JVM. 如果你目前使用的是 IBM J9, 务必要重新下一个Oracle 的JDK/JRE. IBM的J9是过不了 Sun security认证的, 到时候要在Eclipse里面运行 Android app, 肯定会出错. ("sun/security/x509/x500Name" 的错误).

并且, 如果你的 Eclipse 是 64位的话，务必要下载一个64位的JDK，否则 Eclipse启动的时候会出现 “Java has started, but returned exit code =13”的错误

为了确保 Eclipse使用正确的JVM (像我的系统确实起着 IBM J9, 又不能删掉)，在 eclipse.ini中添加如下一行，

-vm
d:/Java/jdk1.8.0/bin/javaw.exe

我用的是jdk 1.8, 这行必须加在 -vmargs 之前才能够生效。并且把下面一行的版本要求改成和你使用的 jdk版本一致。

-Dosgi.requiredJavaVersion=1.8

在 Eclipse的 windows -> preferences ->Java -> installed JREs 中要添加你新装的 Java/JRE的目录，方法是“Add"->"Standard VM"

5. 在Eclipse 里面安装 ADT. 强烈建议使用离线安装的方法来安装 ADT. 因为用在线安装的话, 有些网址你会过不了的. 离线安装的方法可以参考其它文章。

6. 更新 Android SDK 至 Android API 19 版本。我系统中原来使用的是 Android API 17，但在 cordova platform add android 时，会报错，告知要升级到 Android API 19. 至于如何升级，可以看相关的其它介绍文章，就不在这里说了。

不过，如果你不想更新 Android API 的话，还有个可行办法。修改你的 framework下面的 project.properties.

C:\Users\USER_NAME\.cordova\lib\android\cordova\3.4.0\framework\project.properties

把里面的target=android-19 改成 target=android-17 即可。

建立第一个Android 项目：

1. 通过下述命令建立第一个Android 项目。其中phonegap1是项目名称

cordova create phonegap1 com.example.phonegap1 PhoneGap1

2. 添加平台支持。在这里，我们假设AndroidSDK已经安装。需要先确认android tools 及 platform-tools 的目录被添加到了环境path中。例如我的目录为：

D:\adt-bundle-windows-x86_64\adt-bundle-windows-x86_64\sdk\tools

D:\adt-bundle-windows-x86_64\adt-bundle-windows-x86_64\sdk\platform-tools

进入工程目录： c:>cd phonegap1

运行下述命令： c:\phonegap1>cordova add platform android

4. 启动 Eclipse, 选择 File ->New ->Project ->Android->Android project from existing code

在root directory 中填入 c:\phonegap1

出现了两个项目：

PhoneGap1

PhoneGap1-CordovaLib

就对了。

5. 先编译 CordovaLib的项目，再编译 PhoneGap1项目。

6. 在 Emulator上运行 PhoneGap1

第一个应用大功告成！

===============Backup =====================================

4. 安装 ant，本来我的系统已经安装了与 eclipse bundle的 ant。但因为总是出错，所以重新安装最新的 ant. 我发稿时，已经是 apache-ant 1.9.3的版本。可以从下面链接下载。

http://ant.apache.org/bindownload.cgi

对于 ant 的安装配置，可以参见 http://ant.apache.org/manual/index.html

主要关键是需要在环境变量中设定好 ANT_HOME （ant的目录，如 D:\adt-bundle-windows-x86_64\adt-bundle-windows-x86_64\apache-ant- 1.9.3），还有 JAVA_HOME。JAVA_HOME 需要设置的是 jdk的目录，因为需要 tools.jar 。所以在我的系统中，设定的是 JAVA_HOME = C:\Program Files (x86)\Java\jdk1.7.0_21

另外，还需要把 ant 的 bin目录设到 path 中，如 PATH=%PATH%; D:\adt-bundle-windows-x86_64\adt-bundle-windows-x86_64\apache-ant-1.9.3\bin

3. 为项目安装基本的 plugin

c:\phonegap1>cordova plugin add org.apache.cordova.device

c:\phonegap1>cordova plugin add org.apache.cordova.console

更多相关文章

随机推荐