Phonegap自2.9.0以后,不提供直接下载了,都需要用node.js来安装。Phonegap的官网地址:http://phonegap.com/getstarted/

配置各种开发环境:

1.Java JDK
jdk1.8.0_25
2.Android SDK
3.Ant 打包工具
apache-ant-1.9.7
http://ant.apache.org/bindownload.cgi


4.AndroidStudio
AndroidStudio 2.2
5.Node.js
node-v4.5.0-x64
https://nodejs.org/en/

环境变量的配置:

下图是我的环境变量配置相关信息,给大家做一个参考:

安装Phonegap

打开Node.js command prompt 控制台,准备安装Phonegap.

npm install -g phonegap

( Mac使用: sudo npm install -g phonegap )

完成后安装 cordova:
npm install -g cordova

( Mac使用: sudo npm install -g cordova )

检查一下安装的phonegap和cordova的版本信息,确认是否安装成功。

根据提示我们可以发现,安装的Phonegap的版本是6.3.3,Cordova的版本是6.3.1.

开始创建Phonegap的Android项目

打开CMD命令行,进入到Android Studio的WorkSpace目录下,执行以下命令:

phonegap create hello com.example.hello "HelloWorld"  
cd hello  
phonegap build android 

或者

cordova create hello com.example.hello "HelloWorld"  
cd hello  
cordova platform add android  
cordova build  

解释一下:create后面3个参数含义分别是:目录 项目包 项目名称

如下图所示我创建了一个PhonegapAndroidDemo的Project.

将项目导入到你的AS工作环境中

和一般的导入AS的项目一样。

在导入过程中大家可能会遇到的问题

解决方案:尝试将mavenCentral()----------------->jcenter()

解决方案:在Web端生成compilerCommon-1.0-rc5.cer证书,再把安全证书添加给JRE.

keytool -import -alias compilerCommon-1.0-rc5 -file D:\compilerCommon-1.0-rc5.cer -keystore cacerts -storepass changeit

重启AS,问题解决。

 

最后来看看Phonegap Android App在Genymotion模拟器中运行截图:

 

至此,Phonegap+AndroidStudio的开发环境就搭建完毕。祝各位顺利完成环境的配置。

 

Thanks

Jack

posted on 2016-09-26 15:53  jack.li  阅读(2321)  评论(3编辑  收藏  举报