Win7下PhoneGap配置及简单示例

1.下载并安装node.js, http://nodejs.org/，添加到path.

命令行运行，则安装成功。
C:\Users\spark>node -v
v0.10.26

2.安装phonegap.
C:\> npm install -g phonegap
此处会下载安装，需要一两分钟，成功后安装在如下目录：
C:\Users\spark\AppData\Roaming\npm

3.类似方法安装cordova.
npm install -g cordova
(PhoneGap is an open source distribution of Cordova. Think about Cordova’s relationship to PhoneGap like WebKit’s relationship to Safari or Chrome)

4.验证安装
C:\Users\spark>phonegap -v
3.4.0-0.19.14
C:\Users\spark>cordova -v
3.4.1-0.1.0

5.安装JDK,Ant,并添加到path, 下载Eclipse,ADT插件
Eclipse安装ADT :
ADT - http://dl-ssl.google.com/android/eclipse

6.安装AndroidSDK(添加到path,很重要)
D:\DevPrograms\Android\android-sdk\tools;D:\DevPrograms\Android\android-sdk\platform-tools;

(安装完毕)

测试项目：
参考：http://docs.phonegap.com/en/3.4.0/guide_cli_index.md.html#The Command-Line Interface

1.在工作目录打开cmd,创建app: cordova create hello com.example.hello HelloWorld
如：
D:\Workspace\_PhoneGap>cordova create hello com.example.hello HelloWorld
Creating a new cordova project with name "HelloWorld" and id "com.example.hello"
at location "D:\Workspace\_PhoneGap\hello"
Downloading cordova library for www...
Download complete

2. 移动到项目根目录
cd hello

3. 添加android平台
cordova platform add android
如：
D:\Workspace\_PhoneGap\hello>cordova platform add android
Downloading cordova library for android...
Download complete
...
Project successfully created.

4.Build the App
cordova build
或
cordova build android

5.创建android AVD后,用以下命令即可启动模拟器.
cordova emulate android

其它常用命令:
cordova prepare ios
cordova compile ios
cordova run android

6,可以用Eclipse导入项目，注意要导入两个项目,HelloWorld和HelloWorld-CordovaLib
File->Import->Android-> Existing Android Code Into Workspace

7.或击项目HelloWorld-> run as -> Android Application

8. 修改:www目录下面的index.html,合适的位置加上：

name:

function showName(){alert(document.getElementByIdx_x_x('txtName').value);}

9. 在浏览器firefox里面运行正常后，编绎成android平台
cordova build android
再在eclipse启动。

(输入Root Directory,注意要点击Refresh)

 

开始建立phonegap项目，在node js里面输入。

[plain] view plaincopy

1. phonegap create hell com.nsh.hell hello 

create后面3个参数，目录 项目包 项目名称

进入项目目录，添加android环境，官方教程是用

[plain] view plaincopy

1. phonegap run android

本人不推荐这样做。一旦run android，就要要调用虚拟机，然后打开android模拟器。所以，推荐下面的做法。

[plain] view plaincopy

1. cordova platform add --save android

接下来，打开android studio，选择导入项目

选择项目路径

接下来，一路next就好了。

这个时候，项目已经导入了。可以发布了。点击project里的android那个，

选择build里面的Generate Signed APK

选择生成的证书，或者自己新建一个证书

证书密码，输入好几次

选择发布的位置

成功生成。