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