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

    就对了。

224102_nDD3_1431433.jpg

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

6. 在 Emulator上运行 PhoneGap1

224928_uOKZ_1431433.jpg

第一个应用大功告成!




===============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


转载于:https://my.oschina.net/u/1431433/blog/219531

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值