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