开始使用PhoneGap开发我们第一个Andriod程序之前,我们先简单的来了解下PhoneGap。简单来说使用PhoneGap就是使用HTML,JavaScript和CSS来开发程序,最终通过PhoneGap可以产生对应版本的native 程序。具体的可以参考官方网站:http://phonegap.com/
下面我们开始使用PhoneGap来做我们第一个Android Hello World 程序。
1. 使用PhoneGap,只能支持一下Android版本:
Android 2.1 (Deprecated May 2013)
Android 2.2
Android 2.3
Android 3.x (Deprecated May 2013)
Android 4.x
2.安装SDK + Cordova:
下载最新的PhoneGap并解压,后面我们将和Andriod一起使用。
3.设置运行时环境
桌面上右击我的电脑,选择属性,点击高级系统设置,再点击环境变量,在系统变量中双击PATH变量,这里你需要将Android SDK platform-tools 和 tools目录的路径加入到PATH环境变量后面。比如我的SDK安装在“C:\Development\android-sdk-windows”, 这里我就将“;C:\Development\android-sdk-windows\platform-tools;C:\Development\android-sdk-windows\tools”加在PATH环境变量后面。点击保存。
另外你需要将JAVA环境变量和ANT环境变量设置好,这里我就不讲了。
4.新建Hello World Android项目:
点击开始(或者使用windows+R),输入CMD打开一个命令行窗口。然后进入到Cordova下的Android下的bin目录,比如我的目录是C:\cross\tools\phonegap-2.8.1\phonegap-2.8.1\lib\android\bin,
C:\Documents and Settings\Administrator\Application Data\npm\node_modules\phonegap
键入:create ,并回车。
这里:
: 你的 Cordova Android 项目路径
:你的包名,比如com.yourcompany.phonegap
:你的项目名称。
如果创建成功你可以看到:
C:\cross\tools\phonegap-2.8.1\phonegap-2.8.1\lib\android\bin>create c:\Users\eac
fgjl\phonegapwork\android com.withiter.quhao.android Test
Creating new android project...
Copying template files...
Copying js, jar & config.xml files...
Copying cordova command tools...
Updating AndroidManifest.xml and Main Activity...
打开你的Eclipse,右击新建一个Project,选择Android Project From Existing Code,把刚才我们用命令行创建的项目导入进来。
5.配置模拟器并运行我们的项目
右击Test工程,Run as > Android Application。此时如果没有模拟器,Eclipse会问你是否要新建一个模拟器。模拟器创建好之后,运行项目Test,你会看到这样的界面:
我们在工程中再展开assets > www > index.html,并打开index.html.加入一个HTML输入框:
Apache Cordova
Connecting to Device
Device is Ready