Phonegap+AndroidStudio Windows OS 环境搭建

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的项目一样。





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



解决方案：尝试将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