Android環境搭建及Ionic打包（win7）

　　本人剛剛接觸Ionic3，初步進行打包操做，將其遇到的問題和整個流程記錄下載，方便之後的鞏固，也爲小白們提供一個參考。因本人沒有appleヽ(ー_ー)ノ，並且使用的是WIN7系統，因此暫時只提供了WIN7的Android環境搭建（Android環境已經搭建好了可直接移至第三步），等我有時間會補上其餘的(｀・ω・´)

ionic項目建立（上一篇）：Ionic3環境搭建及建立

Android環境搭建參考地址：http://www.javashuo.com/article/p-wjwcfymu-hm.html

1、安裝JDK並配置環境變量

一、在Java官方網站上下載相應系統的jdk文件安裝，如win7 64 位系統下安裝jdk-8u191-windows-x64。

二、下載完成後運行安裝，個人裝在D:\Program Files\Java\jre1.8.0_191

三、配置環境變量

右鍵計算機屬性，點擊系統高級配置

 點擊環境變量

點擊新建

 

（1）配置JAVA_HOME

 新建 JAVA_HOME 環境變量，變量值是本身安裝JDK 的路徑，找到你以前安裝的路徑，個人是：D:\Program Files\Java\jdk1.8.0_191

 

（2）配置ClASSPATH

新建 CLASSPATH 環境變量，變量值是：%JAVA_HOME%/lib/dt.jar;%JAVA_HOME%/lib/tools.jar

（3）配置PATH

找到PATH變量，追加以下目錄：;%JAVA_HOME%/bin;%JAVA_HOME%/jre/bin（注意是追加）

四、驗證安裝是否成功

打開CMD執行java -version，顯示以下內容表示安裝成功

 

2、下載安裝Android SDK

一、進入AndroidDevTools網站下載ADT Bundle，點我點我

二、解壓文件，儘可能不要解壓到帶有中文路徑的文件目錄下，個人是E:\adt-bundle

 

三、安裝更新SDK

（1）運行SDK Manager.exe，點擊Tools中的Options

（2）配置國內鏡像地址mirrors.neusoft.edu.cn

（3）回到主界面，點packages再點reload

先勾選這三個安裝

贊成認證安裝，等待安裝完成

 安裝完成後從新運行SDK Manager.exe，你會發現變多了，咱們來安裝最新的，按照以前同樣安裝就好了。

四、配置環境變量

 （1）配置ANDROID_HOME

新建ANDROID_HOME 環境變量，變量值是上面的sdk路徑，個人是E:\adt-bundle\sdk

（2）配置PATH

找到PATH變量，追加以下目錄：（注意是追加）

tools目錄：;%ANDROID_HOME%\tools

platform-tools目錄：;%ANDROID_HOME%\platform-tools

build-tools目錄：;%ANDROID_HOME%\build-tools\28.0.3（28.0.3是bulid-tool目錄中的，改成你對應的）

五、驗證環境變量

（1）驗證 tools 目錄下的環境變量：在命令行輸入 android,該命令會啓動Android SDK Manager

 

（2）驗證 build-tools 目錄下的環境變量：在命令行輸入 aapt，會看到這條命令的使用幫助信息

3、Ionic的Android構建及打包

經歷過上面的步驟，須要用到的Android環境終於搭好了，如今能夠向你的Ionic構建Android平臺了

一、運行cmd，進入到項目目錄

二、執行ionic cordova platform

 

接着運行ionic cordova build android命令，出現了一個錯誤，緣由是要求安裝Gradle，基於Gradle來編譯、打包android

因此咱們還要手動安裝Gradle

（1）手動下載gradle 
gradle-x.x-bin.zip （x.x表明版本） 
根據須要下載某一版本 
地址： (點擊這裏) 
我下載的是gradle-3.5

下載完成後，解壓到任意文件夾下，個人是E:\gradle-3.5

（2）添加環境變量 

找到PATH變量，追加以下目錄;E:\gradle-3.5\bin（注意是追加）

（3）打開cmd，輸入gradle -v命令，查看是否安裝成功

完成後繼續進入項目目錄，從新運行ionic cordova build android命令

又報錯了，(╯‵□′)╯︵┻━┻

查看錯誤，是須要Android SDK Platform 27，所以咱們打開Android SDK Manager下載對應的文件

下載完成後回去從新運行ionic cordova build android命令，終於安裝成功了，下面是文件的apk路徑

最後將apk拷貝到手機裏就能夠安裝了。(￣▽￣)~*

這裏掛上手機截圖(～￣▽￣)～ 

剩下的就是本身編輯、製做頁面和功能了，可使用軟件進行編碼（我用的是VS Code），這裏就不過多贅述了，就醬紫了

var index; function piyixia(){ $("#pi").hover(function(){index = layer.tips('（其實我還沒摸透￣▽￣）', '#pi', { tips: [1, '#3595CC'], time: 30000 });}, function() { layer.close(index); }) } piyixia();