Ionic Android Platform Guide
AndroidPlatform Guide
一、安裝環境
1.安裝jdk和sdk及 gradle安裝
2.配置環境變量
(1)JAVA-HOME
下載地址:http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html
(2)ANDROID_HOME
android開發工具下載
http://www.androiddevtools.cn/
(3)GRADLE_HOME
GRADLE_HOME=C:\Program Files\SDK\gradle-4.1
(4)Path
;%PATH%;%GRADLE_HOME%\bin;%JAVA_HOME%\bin;%ANDROID_HOME%\bin;D:\Program Files (x86)\SDK\tools;D:\ProgramFiles (x86)\SDKplatform-tools;
3.查看
(1)jdk安裝完成,在cmd中,輸入$ java -version驗證是否安裝成功。
(2)輸入$ android -h,如果出現一大堆指令,說明你的SDK安裝無誤,並且環境變量配置OK
(3)測試命令(查看版本):gradle -v
4.打開SDK目錄下的SDKManager.exe可以在該界面選擇需要下載的package
先勾選如下圖的三個Tools:
分別是[ Android SDKTools,Android SDK platform-tools,Android SDK Build-tools]
還有[SDKplatform]
全部選中後,點右下角install packages 來安裝。
二、打包
1.創建一個app圖標
ionic resources -icon :
應用圖標最少要1024px*1024px大小,以png/psd/AI格式保存在項目目錄下的:resource/android/icon.png ;
ionic resources --splash :
啓動畫面的源文件至少需要2208px×2208px; 保存在項目目錄下:保存格式爲resource/android/splash.png
2.使用打包命令
確保SDK,JDK沒問題以後,使用指令
ionic cordova platform add android
debug編譯:
cordova build android
debug的包,沒有簽名,不能發佈。
把這個apk文件放到android上運行,發現看可以運行成功。
或
$ioniccordovabuildandroid--release
3.apk的生成位置
三、調試
1.模擬器調試
模擬器調試也就是啓動android模擬器,然後在模擬器上看效果。在使用android模擬器之前下載對應體系的模擬器。
在命令行下運行:android sdk
找到需要的android版本,比如android6。然後看圖中重點標記的三個選項,分別是:
ARM EABI v7a System Image
Intel x86 Atom System Image
Intel x86 Atom_64 System Image
要使用X86模擬器的話,需要安裝英特爾硬件加速執行管理器,
直接在SDK安裝是不行的: notcompatible with windeows。提示與windows不兼容。
直接去官網下載安裝包,安裝即可。下載地址
安裝出錯:
重啓電腦,按F1設置:打開intelTV-x
重新安裝:
安裝之後,需要先通過 avd 工具創建一個模擬器。
運行命令: android avd
打開創建模擬器的可視化界面:
通過這個界面,可以創建和修改android模擬器。
以上的參數可以根據自己的實際情況來測試,也可以按照上圖來創建一個模擬器。
啓動模擬器看看效果:點擊start
報錯:
說明HAXM 沒有安裝成功,回到上一步。
啓動成功之後,可以看到以下界面:
至此,模擬器創建並啓動成功,接下來將應用放到模擬器上運行。
運行命令:cordova emulate android
可以看到如下界面。
2.真機調試
在手機上開機USB調試
(1)將手機和電腦用USB數據線連接
設置——》關於手機
找到版本號那個選項,然後連續點擊多次(好像5次或者7次,可能不同型號不一樣),點擊完之後會提示手機已經是開發者模式了。然後返回,可以看到有個開發者選項,點進去,打開USB調試即可。
(2)執行命令
cordova run android
報錯:
cordova run android 報錯node960UnhandledPromiseRejectionWarning:
根本問題是上面的報錯,cordova-android版本高於需求版本,需求版本低於6.3.0
1. cordova platform rm android
2. cordova platform remove android
3. cordova platform add [email protected]
好像第2步與第一步重複,可以省略,執行後就ok了
然後 cordova run android:
手機上會打開那個app的界面:
3.真機調試日誌
步驟如下
· 手機開啓usb調試功能
· usb數據線將手機與電腦相連接
· 用chrome最新版本打開以下鏈接:chrome://inspect/#devices
· onic 項目根目錄下執行 cordova runandroid
· 刷新 chrome://inspect/#devices 界面,查看界面效果
· 點擊該界面的 inspect 連接
報錯:
翻牆: