ionic項(xiàng)目實(shí)戰(zhàn)(一)
預(yù)言
這次項(xiàng)目來(lái)得很急菇晃,需要在差不多10天左右的時(shí)間內(nèi)完成一款兼容Android和ios的移動(dòng)端產(chǎn)品抠忘,需求其實(shí)也比較簡(jiǎn)單崎场,但因?yàn)樯婕暗搅艘曨l監(jiān)控埋泵,所以還需要調(diào)用原生sdk控乾,最終選擇的ionic3+cordova的框架么介,因?yàn)閕onic是基于angular語(yǔ)法的,之前公司做的項(xiàng)目正好也是用的angular框架蜕衡,所以不管湊巧還是順?biāo)浦廴蓝蹋罱K選用了這個(gè)框架進(jìn)行移動(dòng)端開(kāi)發(fā)。最終效果也確實(shí)達(dá)到了想要的效果慨仿,不過(guò)也確實(shí)踩了不少的坑久脯,所以在此就簡(jiǎn)單總結(jié)分享一下吧!
1镰吆、 ionic的安裝
window和Linux執(zhí)行以下命令:
npm install -g cordova ionic
macos下執(zhí)行以下命令:
sudo npm install -g cordova ionic
注:已經(jīng)安裝的注意更新
npm update -g cordova ionic
或
sudo npm update -g cordova ionic
2帘撰、安裝ionic項(xiàng)目
npm start App tabs
這個(gè)時(shí)候就已經(jīng)創(chuàng)建了一個(gè)名為App的ionic項(xiàng)目。
3万皿、運(yùn)行ionic項(xiàng)目
ionic serve
或ionic serve -lab
4摧找、增加依賴的平臺(tái)
ionic cordova platform add/remove android/ios
增刪android/ios平臺(tái)依賴
5、模擬器啟動(dòng)
ionic cordova emulate android
當(dāng)然測(cè)試開(kāi)發(fā)需要實(shí)時(shí)刷新的話就是
ionic cordova emulate android --livereload
6相寇、真機(jī)運(yùn)行
首先要編譯:
cordova build android
然后就是運(yùn)行:
cordova run android
7慰于、打包apk
首先以管理員身份打開(kāi)cmd,輸入:
(1)keytool -genkey -v -keystore [姓名].keystore -alias [姓名].keystore -keyalg RSA -validity 20000
(2)jarsigner -verbose -keystore [姓名].keystore -signedjar complete.apk app.apk [姓名].keystore