- Ionic 移動開發(fā)入門與實(shí)戰(zhàn)
- 秦超 李一鳴
- 1884字
- 2019-07-30 17:53:15
2.2 Windows下安裝Android開發(fā)平臺
完成本書2.1節(jié)的安裝后,我們已經(jīng)可以在瀏覽器中運(yùn)行Ionic框架開發(fā)出的App應(yīng)用了。然而在使用任何移動平臺硬件設(shè)備的特性之前,還需要安裝對應(yīng)移動平臺操作系統(tǒng)的軟件開發(fā)包(SDK)。這些軟件開發(fā)包是由移動平臺操作系統(tǒng)的供應(yīng)商提供且不斷升級維護(hù)的。本節(jié)將介紹在Windows下安裝Google公司的Android軟件開發(fā)包并使用Android實(shí)體機(jī)設(shè)備測試。
提示
iOS的軟件開發(fā)包只能安裝運(yùn)行在Mac OS操作系統(tǒng)環(huán)境,因此使用Windows操作系統(tǒng)的讀者只能安裝和使用Android開發(fā)平臺。有些開發(fā)人員使用“黑蘋果”的方式在PC上安裝Mac OS操作系統(tǒng),因?yàn)榉娠L(fēng)險筆者在本書不便介紹這種做法。
按照官方網(wǎng)站說明,Ionic只對Android和iOS提供全面的技術(shù)支持,Windows Phone不在考慮范圍之內(nèi),因此本書也不會介紹Windows Phone的開發(fā)平臺安裝。
2.2.1 安裝Android開發(fā)環(huán)境
1.安裝JDK
Android平臺中App應(yīng)用的主要開發(fā)語言是Java,因此首先需要安裝和配置JDK(Java Development Kit)。讀者可以自行到Oracle公司提供的官方最新Java SE版的JDK網(wǎng)址http://www.oracle.com/technetwork/Java/javase/downloads/index.html下載,如圖2.19所示。

圖2.19 選擇Java SE版的JDK下載
安裝時需要記下JDK在本機(jī)安裝的路徑,因?yàn)殡S后需要設(shè)置系統(tǒng)環(huán)境變量指向這個路徑。以筆者的PC為例,JDK的安裝路徑為C:\Program Files\Java\jdk1.8.0_151。右擊“我的電腦”,點(diǎn)擊“屬性”,點(diǎn)擊“系統(tǒng)設(shè)置”。在隨后出現(xiàn)的如圖2.20的對話框中,切換到“高級”選項(xiàng)卡,再點(diǎn)擊“環(huán)境變量按鈕”。

圖2.20 進(jìn)入編輯環(huán)境變量
在隨后出現(xiàn)的如圖2.21顯示的“環(huán)境變量”對話框中,查找下方是否已經(jīng)設(shè)置了“JAVA_HOME”變量并確定變量值與安裝時獲得的JDK的安裝路徑相同。如果查不到“JAVA_HOME”變量,則需要點(diǎn)擊“新建”按鈕,在變量名和變量值輸入欄分別輸入JAVA_HOME和JDK的安裝路徑。最后使用同樣的方式設(shè)置JRE_HOME中JRE的安裝路徑,參見圖2.22。

圖2.21 查找系統(tǒng)變量“JAVA_HOME”

圖2.22 設(shè)置系統(tǒng)變量“JAVA_HOME”
以上步驟都成功完成后,讀者可以在命令行窗口中分別輸入驗(yàn)證命令:
java-version javac
這兩個命令分別是驗(yàn)證JDK和JRE配置的。如果出現(xiàn)類似圖2.23的輸出結(jié)果,則表明JDK已安裝完畢,可以進(jìn)入下面的安裝Android Studio階段。

圖2.23 驗(yàn)證JDK安裝命令輸出結(jié)果
2.安裝Android Studio
筆者推薦到Android Studio中文社區(qū)(官網(wǎng))http://www.android-studio.org/下載對應(yīng)操作系統(tǒng)平臺Android Studio,參見圖2.24。因?yàn)槭侵形纳鐓^(qū),所以不需要考慮因網(wǎng)絡(luò)問題無法下載的情況。

圖2.24 選擇對應(yīng)操作系統(tǒng)平臺Android Studio下載
下載完畢運(yùn)行安裝文件,使用默認(rèn)推薦模式安裝即可。不過在安裝過程中需要記住Android SDK Tools安裝到本地PC的路徑。以筆者的PC為例是C:\Users\Lym\AppData\Local\Android\sdk\。
提示
之所以需要安裝Android Studio,是因?yàn)榘惭b它的時候會同時安裝Android SDK Tools。Android平臺下的安裝程序打包編譯都需要這個Android SDK Tools。如果讀者確定將來不會進(jìn)行Cordova組件的開發(fā),也可以到官網(wǎng)自行下載Android SDK Tools安裝即可。
安裝之后需要做類似安裝JDK之后的系統(tǒng)環(huán)境變量設(shè)置工作。這次需要設(shè)置2個變量:
? ANDROID_HOME:以筆者的PC為例,需要增加系統(tǒng)環(huán)境變量ANDROID_HOME,并設(shè)置為C:\Users\Lym\AppData\Local\Android\sdk\。
? PATH:以筆者的PC為例,需要增加或修改系統(tǒng)環(huán)境變量PATH,并分別加入兩個路徑:
C:\Users\Lym\AppData\Local\Android\sdk\platform-tools。
C:\Users\Lym\AppData\Local\Android\sdk\tools。
3.安裝與更新Android SDK包
Android Studio安裝和路徑配置完畢后,需要使用Android SDK Tools所帶的SDKManager更新下載Cordova能夠支持特定Level的Android API。具體的做法是在命令行窗口中輸入:
android
隨后在圖2.25所示的Android SDK Manager對話框中,推薦至少選取以下選項(xiàng)后(推薦讀者安裝圖2.25中列出的所有Package以保證后面能夠順利構(gòu)建)點(diǎn)擊OK進(jìn)行安裝:

圖2.25 Android SDK Manager選取安裝的Packages
如果因?yàn)閲鴥?nèi)的網(wǎng)絡(luò)狀況導(dǎo)致安裝過程無法完成,建議讀者可以嘗試在System Settings的HTTP Proxy中進(jìn)行設(shè)置,如圖2.26所示。

圖2.26 設(shè)置Android SDK Manager使用HTTP協(xié)議
如果還是無法安裝,則讀者需要通過一定的技術(shù)手段(如購買臨時VPN賬戶)連接到外網(wǎng)來完成安裝了。
2.2.2 為測試項(xiàng)目增加Android平臺支持
現(xiàn)在可以回到Ionic CLI為2.1.6節(jié)創(chuàng)建的測試項(xiàng)目配置Android平臺支持了。按照圖2.27所示,進(jìn)入項(xiàng)目目錄后在命令行窗口中輸入:
ioniccordovaplatform add android
Ionic CLI自動下載所需資源并配置完所有的內(nèi)容。

圖2.27 為測試項(xiàng)目增加Android平臺支持
2.2.3 連接Android實(shí)體機(jī)設(shè)備測試App
Ionic的測試項(xiàng)目增加完對Android平臺的支持后,就可以直接連接Android實(shí)體機(jī)設(shè)備進(jìn)行測試了。按照圖2.27所示,進(jìn)入項(xiàng)目目錄后在命令行窗口中輸入:
ioniccordovarun android
Ionic CLI自動完成項(xiàng)目的編譯、鏈接和生成打包apk工作。生成的Android安裝包文件存放路徑為:項(xiàng)目目錄/platforms/android/build/outputs/apk/android-debug.apk。
此時如果開發(fā)人員將符合版本要求且在設(shè)備的設(shè)置中打開了開發(fā)人員調(diào)試選項(xiàng)的實(shí)體Android設(shè)備通過USB接口連接到PC機(jī),則Ionic就能找到該設(shè)備,嘗試將測試安裝包安裝在設(shè)備上并啟動運(yùn)行。圖2.28分別演示了Android系統(tǒng)應(yīng)用啟動后的界面顯示和應(yīng)用圖標(biāo)在桌面上的顯示截屏。至此Windows操作系統(tǒng)環(huán)境下Ionic的Android平臺支持就可以確認(rèn)為成功安裝了。

圖2.28 連接Android實(shí)體機(jī)設(shè)備安裝測試App示例
2.2.4 不使用Android模擬器的說明
一些早期關(guān)于移動App開發(fā)的書籍會介紹如何增加配置Android模擬器。由于Android本身的模擬器啟動和執(zhí)行緩慢,再加上市場的競爭導(dǎo)致高性能的Android設(shè)備價格低廉,因此本書不介紹如何使用Android模擬器進(jìn)行Ionic App應(yīng)用項(xiàng)目的開發(fā)測試,有特殊需要的讀者可自行查找網(wǎng)上的資料來配置實(shí)現(xiàn)。