phonegap helloworld 之android

一 phonegap

cordova: http://cordova.apache.org/
phonegap: http://phonegap.com

PhoneGap 是Cordova的一个开源的发布版本。

phonegap有Adobe维护，可以很容易地使用Adobe的phonegap build service在云端打包多个平台的app。 使用phonegap build service，不需要在本地维护多个平台的SDK环境，只需要简单地将HTML，CSS，Javascript上传到phonegap build的云端，phonegap build自动地生产多个平台的app。

phonegap build：http://build.phonegap.com/

 

二 phonegap andirod 在本地windows上的工具和环境

注意： 你的操作系统为windows 64bit的话，可以下载64bit的Java,Eclipse,ADT Bundle AndriodSDK。 

1) 下载安装Java和Ant：http://www.oracle.com/technetwork/java/javase/downloads/index.html , Java SE SDK就可以了， ant： http://ant.apache.org/bindownload.cgi 。

2）下载Andriod SDK的ADT Bundle版本,其中已经包含了Eclipse/AndriodSDK/ADT, http://developer.android.com/sdk/index.html。

3) 下载安装phonegap: http://phonegap.com/download/。我使用phonegap2.9版本。(看起来这个不需要下载，直接下载后面的phonegap cli就可以了）

4）下载安装node.js，phonegap cli需要node.js : http://nodejs.org/download/。在安装好node.js后在cmd使用命令 npm install -g cordova 来安装phonegap cli。

 

Andriod的IDE除了可以使用Eclipse，还可以使用Andriod Studio（基于IntelliJ IDEA,其中包含了AndriodSDK）http://developer.android.com/sdk/installing/studio.html，貌似google以后比较倾向于支持Andriod Studio。但是目前phonegap必须使用Eclipse和Ant。

 

环境变量的设置：

将AndriodSDK tools和platform tools的路径加入PATH，例如： PATH = C:\Development\adt-bundle\sdk\platform-tools;C:\Development\adt-bundle\sdk\tools;%PATH% 。

确保定义Java和Ant的home环境变量，且将bin目录加入系统PATH中。例如：

JAVA_HOME=C:\Program Files\Java\jdk1.7.0_25  

ANT_HOME=E:\phonegap\tools\apache-ant-1.9.2-bin\apache-ant-1.9.2

PATH = C:\Program Files\Java\jdk1.7.0_25\bin；E:\phonegap\tools\apache-ant-1.9.2-bin\apache-ant-1.9.2\bin;%PATH%

 

安装andriod的模拟器，在cmd中执行andriod，然后安装，例如我安装andriod2.3：

 创建虚拟设备，在Android SDK Manager-> tool -> Manage AVD...

 选择虚拟设备，然后点击start启动一个虚拟设备。

 

三 phonegap helloworld

使用phonegap的命令行创建一个project：

$ cordova create helloworld com.example.helloworld "HelloWorld"
$ cd helloworld
$ cordova platform add android
$ cordova build
$ cordova emulate android

 

在build前对helloworld/www/index.html增加 <h2>itech001,Helloworld!</h2>，运行效果为：

 

 

完！