記錄下來以便將來看看現(xiàn)在的自己
公司一直沒有IOS和安卓開發(fā)的人員，昨天在公司吃早餐的時(shí)候偶然接到App開發(fā)的需求，鑒于網(wǎng)上超級多的技術(shù)可以讓前端玩轉(zhuǎn)App，其中比較不錯(cuò)的是React Native，Hybrid App。但是個(gè)人比較排斥React Native，2333來自一個(gè)處女座無緣無故的討厭。感謝我的母親，感覺“掘金原創(chuàng)作者群”給的建議。
1.搭配安卓環(huán)境
- 首先要安裝node、npm。
- 全局安裝cordova模塊：
??$ npm install -g cordova -
安裝安卓SDK:（本文不提供下載地址，注意安卓SDK文件名不能有特殊字符）
??安裝好后打開安裝目錄的 SDK Manager.exe，點(diǎn)擊 Tools >> options
設(shè)置如下圖：
01 - 安裝如下模塊：
02
然后在系統(tǒng)環(huán)境變量添加如下圖：
03
變量值為你sdk的安裝目錄
2.創(chuàng)建項(xiàng)目
- 創(chuàng)建hello項(xiàng)目
??$ cordova create hello - 進(jìn)入項(xiàng)目
??$ cd hello - 添加安卓項(xiàng)目
??$ cordova platform add android --save - 檢測環(huán)境是否配置好
??$ cordova requirements
04
這里最容易報(bào)錯(cuò)，注意兩點(diǎn)：其一，配置SDK Manager代理服務(wù)器如圖 01 。第二安裝Java JDK 不小于1.8版本并添加到系統(tǒng)變量如下圖：
05
3.構(gòu)建預(yù)覽項(xiàng)目
- 如果你配置正確的話，然后構(gòu)建安卓apk：
??$ cordova build android
第一次構(gòu)建的時(shí)間會很長很長很長很長.... - 安卓模擬器預(yù)覽，這個(gè)模擬器比較爛，不過玩玩還是挺好的，我建議用 夜神 模擬器
??$ cordova emulate android
現(xiàn)在我們回過頭去看生成文件的目錄，目錄如下圖
06
玩過PHP的都知道www用來放前端代碼的文件夾，我直接把公司的移動(dòng)端的一個(gè)項(xiàng)目copy進(jìn)去，www文件夾里的所有網(wǎng)絡(luò)請求必須是絕對地址，并且在根目錄的config.xml文件把請求地址列入白名單。然后運(yùn)行：
??
$ cordova build android控制臺會提示apk的生成目錄 “hello\platforms\android\build\outputs\apk”，然后把生成的 .apk在安卓機(jī)安裝即可預(yù)覽效果
07
??大功告成！
你既然已經(jīng)做出了選擇，又何必去問為什么選擇。 ——衛(wèi)莊
