1. 程式人生 > >Windows下Ionic Android開發環境搭建

Windows下Ionic Android開發環境搭建

在Windows下試了試用Ionic開發Android應用,試通了。記錄了過程。列在下面,供參考。

1. JDK

安裝完畢後要配置環境變數。

  • JAVA_HOME

我安裝在這裡:C:\Program Files (x86)\Java\jdk1.8.0_66

  • Path

修改下當前使用者的Path,加上%JAVA_HOME%\bin

  • CLASSPATH

給當前使用者下建一個CLASSPATH變數:

2. Android SDK

想辦法下吧,我是下好的。

  • ANDROID_HOME

新建一個ANDROID_HOME環境變數:

  • 修改Path

在Path中新增%ANDROID_HOME%\tools%ANDROID_HOME%\platform-tools

3. Node.js

4. 安裝cordova和ionic

開始選單,開啟Node.js選單項:

選擇Node.js command prompt,開啟後就進入命令列環境了,執行:

npm install -g cordova ionic

等待一會兒,cordova和ionic就安裝好了:

5. 建立ionic專案

找一目錄,執行:

ionic start myApp tabs  

這個命令會建立一個使用tabs模板的應用——myApp。你可以執行下面的命令看看這個應用都可以支援什麼平臺(其實是cordova支援的平臺):

cordova platforms

輸出類似這樣:

6. 給myApp應用新增android平臺

執行:

cd myApp
ionic platform add android

結果可能類似下圖:

7. 編譯APK

執行:

ionic build android

然後……假如你沒有gradle,ionic會幫你下載。如下圖:

過程好漫長的……

終於解壓了:

不過還要下載maven:

一通等待……

哇,經過一個多小時,終於成功了:

看到那個BUILD SUCCESSFUL就說明成功了。

8. 真機執行APK

把安卓手機連線到電腦,執行adb devices

看看有沒有裝置,有的話,執行ionic run android,會自動找到你的手機,把apk安裝上去,啟動起來。

下面是相關命令的截圖:

下面是真機執行的截圖:

假如你想用模擬器,只要使用AVDManager建立一個,不連線真機的話,ionic run android也可以找到你的模擬器。

Ok,到這裡,環境搭建、示例App構建、真機執行,就Ok了。