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

在导入过程当中你们可能会遇到的问题

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