1. 程式人生 > >如何配置android studio環境實現ionic的編譯,執行與打包

如何配置android studio環境實現ionic的編譯,執行與打包

1.配置android studio 環境;

1.1配置java環境
下載jdk,jre(jre好像是跟jdk一起的,jdk1.8.0_101,jre1.8.0_101)
參考文件:如何配置jdk,jre的參考文件
配置的環境變數:PATH(jre/bin以及bin目錄),ClASSPATH(lib以及lib/tools.jar目錄),JAVA_HOME(jdk的安裝目錄)
測試配置java變數是否成功的方法是:在dos命令列輸入:java -v,以及javac

1.2配置ant環境(同樣需要配置環境變數)
下載地址:ant下載地址
配置環境變數:系統變數PATH(ant的bin目錄環境);
測試ant安裝是否成功:在dos命令列輸入ant -v 如果顯示ant版本說明安裝成功。

1.3下載android studio(目前安裝的是2.2版本的android studio;)
下載地址:android studio 下載地址
配置環境變數:系統變數:ANDEOID_HOME(SDK 目錄),PATH(SDK的tools以及platform-tools目錄);
測試android studio是否安裝成功:dos命令列輸入android -h,輸出option相關資訊表示成功!

   備註:Path:配置包或者二進位制資料夾的路徑;
       ClassPath:配置的是類的路徑;

2.ionic的編譯,執行與打包

在成功搭建好編譯和執行環境的基礎上,並且已經將ionic專案基本搭建完成,現在來實現編譯。
首先,進入專案目錄,新增Android平臺,dos命令列或者Android Studio命令列(Alt+f12)輸入:

ionic platform add android 

然後實現編譯

ionic build android 

在編譯過程會實現很多問題,比如:

 1.網速太慢,gradle下載很慢,可以在[gradle](http://services.gradle.org/distributions)相關網站下載,然後在這樣子的目錄
 (C:\Users\jessic\.gradle\wrapper\dists\gradle-2.13-all\7hsc6vr6mi3i6i5m7q9hj4ci1q)進行手動解壓; 
 2.提示“please install Android target ‘Android-23’”,這個說明需要更新SDK。第一次使用Android Studio 2.2版本,很坑爹,第二天
開啟ANDROID STUDIO居然看不到“綠色安卓超人下載”那個圖示(就是SDK管理器),我只好去SDK目錄找到“SDK Manager.exe”手動下載,
網速快的話,一個多小時就可以更新完。或者手動安裝“Android-23”在“sdk/platform目錄下”;

這裡寫圖片描述

編譯成功,會顯示”Build Successful”,如下圖

這裡寫圖片描述

之前我以為ionic需要像phonegap在執行時通過資料線跟360手機助手連線在手機上生成apk或者手動匯出(需要配置apk簽字),原來ionic在編譯的同時會幫助我們自動生成android-debug.apk(測試版本),目錄位於ProjectDirectory\platforms\android\build\outputs\apk,後面直接安裝在手機上就可以開啟。

後面我想嘗試直接在AS自帶的模擬器上演示,首先需要配置模擬器,

ionic emulate android

它提示如下圖,我按照上面指示進行操作

這裡寫圖片描述

我還是想說Android Studio 2.2很坑(好像原生專案不會,ionic專案才會),我只好手動到SDK目錄找到模擬器(AVD Manager.exe),然後配置了這麼久我才發現有錯誤,如下圖

這裡寫圖片描述

好吧,原來是SDK android對應版本的映象沒有下載,重新啟動SDK管理器下載這些映象。

這裡寫圖片描述

後面我先更新了sdk,然後執行

 ionic emulate android

又報如下錯誤:

這裡寫圖片描述

我按照裡面的提示去做,發現執行android.bat 指令碼還是無法解決,之後我直接配置AS的模擬器,發現ionic專案可以執行,並且安裝在模擬器上。那麼上面的問題就是因為沒有配置ADV。

然而,開啟ionic發現打不開,記憶體不夠嗎?

中間由於android ADV出現問題,很卡之類,我用了genymotion,雖然這個模擬器有點卡,但是比android studio好多了。

學習到一些新的總結:

ionic emulate android //這條命令會呼叫AS的模擬器並且安裝app在模擬器上

ionic run android //這條命令有時候會呼叫AS的模擬器或者genymotion的模擬器

cordova run android //跟上條命令功能很像

adb devices//檢查有哪些裝置

ADB:android debug bridge;

參考資料:
as配置
gm配置