Ionic Android Platform Guide

Ionic Android Platform Guide

羅書棋 前端部落 6月5日

AndroidPlatform Guide

一、安裝環境

1.安裝jdksdk 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



 



3apk的生成位置




三、調試

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 連接




 

報錯:


翻牆:





四、發佈

1.Android簽名

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章