使用Cordova 3.0(及以上版本) 创建安卓项目

参考资料：

http://www.cnblogs.com/numtech/p/3233469.html

http://blog.sina.com.cn/s/blog_9e245c690101jurr.html

http://roger-588.iteye.com/blog/785682

需要eclipse、Andriod SDK、java、Apache ant、Node.js

 

一.安装adt-eclipse配置Andriod SDK

1、下载adt-eclipse，地址http://developer.android.com/sdk/index.html

2、解压到指定路径，例如F:\adt-eclipse，运行SDK Manager.exe

更新，因为谷歌有时候会被墙，所以在不能访问谷歌服务器时请修改hosts文件，参考：http://blog.csdn.net/chinaeran/article/details/10565055

3、打开计算机属性——高级系统设置——环境变量（如上文）

4、配置环境变量
　　变量：       ANDROID_HOME          值：F:\adt-eclipse\sdk（以你安装目录为准,确认里面有tools和add-ons等多个文件夹）
　　变量：       Path                      添加值：F:\adt-eclipse\sdk\tools 
　　用户变量： PATH                           值：%ANDROID_HOME%\platform-tools

5、Android SDK配置完成，接下来验证配置是否成功。

6、点击运行——输入cmd——回车——输入adb——回车,如果出现一堆英文，即表示配置成功

 

二.安装java

1、先下载JAVA，下载地址：http://www.oracle.com/technetwork/java/javase/downloads/index.html

2、安装到指定路径，例如F:\Java

3、打开计算机属性——高级系统设置——环境变量（如上文）

4、配置环境变量        

　　变量： JAVA_HOME          值： 安装路径：F:\Java\jdk1.6.0_10

　　变量： Path                添加值：%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin

　　变量： CLASSPATH          值：.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar   

5、JAVA配置完成，接下来验证配置是否成功。

6、点击运行——输入cmd——回车——输入javac——回车，如果出现一堆英文，即表示配置成功。

 

三.安装Apache Ant

1、下载Apache ant，地址: http://ant.apache.org/bindownload.cgi

2、解压到指定路径，例如F:\apache-ant

3、打开计算机属性——高级系统设置——环境变量（如上文）

4、配置环境变量        

　　变量： ANT_HOME          值： 你刚解压到的路径：F:\apache-ant

　　变量： Path              添加值：%ANT_HOME%\bin   

5、Apache Ant配置完成，接下来验证配置是否成功。

6、点击运行——输入cmd——回车——输入ANT——回车

　　如果没有指定build.xml就会输出：

　　Buildfile: build.xml does not exist!         Build failed

　　有指定会输出：

　   BUILD SUCCESSFUL

 

四.使用Cordova3.0创建安卓项目

1、安装Node.js,下载地址：http://nodejs.org/。

2、打开命令行，运行：npm install -g cordova

　　注意加@版本号可以安装指定版本，如

　　npm install -g cordova@3.0.0

3、把盘符转到想要创建项目的目录，比如d:\。

4、运行：cordova create hello com.example.hello HelloWorld

　　将在d:\hello下创建名为HelloWorld的项目，HTML5文件在d:\hello\www目录里。

5、运行：cd hello

6、运行：cordova platform add android 之后可以看到d:\hello\platforms\android里出现Android项目。

7、运行: cordova build

8. 打开Eclispe，导入项目d:\hello\platforms\android，HelloWorld。

启动ECLIPSE--》现在新建工程--》之后选择：

9. 可能项目有一些错误，把Android Project Build Target设置为最高等级的API Level一般就能解决。

10. 然后就可以用Eclipse启动项目了。

11.  CordovaLib 下的src 要设置为source path，否则会报 org.apache.cordova.* 找不到

===================================================================

添加插件(需要先安装git工具 https://help.github.com/articles/set-up-git)：

   PhoneGap 3.0 最需要关注的是完全的插件体系结构，所有的功能特性包括摄像头等都是使用插件方式提供。也就是说新建项目后很多功能是无法使用的，你必须将其对应的插件添加到项目中。

   例如在 cordova 中添加插件的方法是:

       cordova plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-camera.git

   而通过 phonegap 命令行工具的方法是：

       phonegap local plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-camera.git

   这意味着在开始 PhoneGap 项目时你要先考虑项目需要什么功能，然后通过命令行来添加这些功能。

1). 添加的插件都将放在C:\hello\plugins目录下.

2). 同时会在所有平台下的config.xml文件中增加feature插件配置,如：C:\hello\platforms\<平台>\res\xml\config.xml)

3). 增加相应的插件java文件：C:\hello\platforms\android\src

4). 增加相应的插件js文件：C:\hello\platforms\android\assets\www\plugins

下面是完整的插件列表，我直接拷贝过来，可能会有变化：

   Basic device information (Device API):

       $ phonegap local plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-device.git

   Network Connection and Battery Events:

       $ phonegap local plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-network-information.git

       $ phonegap local plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-battery-status.git

   Accelerometer, Compass, and Geolocation:

       $ phonegap local plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-device-motion.git

       $ phonegap local plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-device-orientation.git

       $ phonegap local plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-geolocation.git

   Camera, Media playback and Capture:

       $ phonegap local plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-camera.git

       $ phonegap local plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-media-capture.git

       $ phonegap local plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-media.git

   Access files on device or network (File API):

       $ phonegap local plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-file.git

       $ phonegap local plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-file-transfer.git

   Notification via dialog box or vibration:

       $ phonegap local plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-dialogs.git

       $ phonegap local plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-vibration.git

   Contacts:

       $ phonegap local plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-contacts.git

   Globalization:

       $ phonegap local plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-globalization.git

   Splashscreen:

       $ phonegap local plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-splashscreen.git

   Open new browser windows (InAppBrowser):

       $ phonegap local plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-inappbrowser.git

   Debug console:

       $ phonegap local plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-console.git

 

   查看当前已安装的插件： $ phonegap local plugin list

   删除指定的插件： $ phonegap local plugin remove org.apache.cordova.core.console

 

19 自定义各平台资源（merges）：

   在www/merges/目录下创建各平台不同的资源文件，如css,js，图片等，引用相应的文件路径时，不需要写各平台路径。如：

   在www/index.html文件中添加自定义的css文件overrides.css如下:

       <link rel="stylesheet" type="text/css" href="css/overrides.css" />

   在www/merges/android/目录下创建针对于android平台的overrides.css，(如果是ios，由是www/merges/ios/overrides.css文件。)

   overrides.css文件中添加如下内容，覆盖www/css/index.css文件中默认的12px文字大小样式：

       body { font-size:14px; }

   这样，在android平台下，显示的文件是14px,其他平台下显示的文字是12px;

   也可添加各平台自定义的图片资源，如 merges/ios/img/back_button.png, 在www/index.html页面引用的写法是img/back_button.png.

 

20. 远程编译：

   默认情况下，是编译本地安装SDK环境的相应平台，生成目标在platforms。 但也可通过远程编译本地没有安装SDK（或已安装SDK）的相应平台。也可远程测试。

1). 首先，你要在PhoneGap Build网站（https://build.phonegap.com/） 上注册账号，并使用login命令登录操作。

   $ phonegap remote login -u iamreallyadog@gmail.com -p mYpASSw0RD

   $ phonegap remote login --username iamreallyadog@gmail.com --password mYpASSw0RD

    使用loginout命令退出登录phonegap build.

       $ phonegap remote logout

   2). 远程编译：$ phonegap remote build ios

   3). 要使用插件，你必须先添加插件到本地，然后再远程编译。如：

   $ phonegap local plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-network-information.git

   $ phonegap remote build ios

4） $ phonegap remote install ios

   # ...or...

   $ phonegap remote run ios

5) 默认情况下是local本地编译，如下两命令是一样效果：

   $ phonegap local build ios

   $ phonegap build ios

 

21. 更新phonegap到最新版本命令：c:\> npm update -g phonegap

22. 查看phonegap版本命令：

   $ phonegap version

   $ phonegap -v

23. 查看phonegap详细信息命令：

   $ npm info phonegap

24。安装指定版本的phonegap命令：

   c:\> npm install -g phonegap@2.9.0-rc1-0.12.2

 

==========================================================================

提示错误：

[Error: Error fetching plugin: Error: "git" command line tool is not installed:
make sure it is accessible on your PATH.]

需要安装Git，参考：
https://help.github.com/articles/set-up-git

但是下载时http://git-scm.com/downloads有墙，搜到：http://www.noanylove.com/2011/11/to-use-the-git-in-the-windows/

下载地址是：https://code.google.com/p/msysgit/downloads/list?q=full+installer+official+git

安装Git时，我选了“Run Git from the Windows Command Prompt”，直接把Git路径设置好。

重新打开命令行窗口再试cordova plugin add就可以了。

===========================================================================

 

参考：

http://www.cocoachina.com/applenews/devnews/2013/0724/6665.html

http://docs.phonegap.com/en/edge/guide_platforms_android_index.md.html#Android%20Platform%20Guide

http://docs.phonegap.com/en/3.0.0/guide_cli_index.md.html#The%20Command-line%20Interface