首页 > Windows开发 > 详细

Win7下PhoneGap配置及简单示例

时间:2014-04-17 15:42:50      阅读:897      评论:0      收藏:0      [点我收藏+]

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%20Command-Line%20Interface

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,合适的位置加上:
<div>
name:<input type="text" id="txtName" /><br/>
<input type="button" id="btnShow" onclick="showName()" value="Show Name" />
</div>

function showName(){alert(document.getElementById(‘txtName‘).value);}

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

bubuko.com,布布扣

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

 

bubuko.com,布布扣

 

(完)

 

Win7下PhoneGap配置及简单示例,布布扣,bubuko.com

Win7下PhoneGap配置及简单示例

原文:http://www.cnblogs.com/wucg/p/3670277.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!