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