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