鄂破机看 发表于 2017-2-25 08:49:12

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
页: [1]
查看完整版本: Phonegap+AndroidStudio Windows OS 环境搭建