使用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