ionic項目實戰（一）

預言

這次項目來得很急，需要在差不多10天左右的時間内完成一款相容Android和ios的移動端産品，需求其實也比較簡單，但因為涉及到了視訊監控，是以還需要調用原生sdk，最終選擇的ionic3+cordova的架構，因為ionic是基于angular文法的，之前公司做的項目正好也是用的angular架構，是以不管湊巧還是順水推舟，最終選用了這個架構進行移動端開發。最終效果也确實達到了想要的效果，不過也确實踩了不少的坑，是以在此就簡單總結分享一下吧！

1、 ionic的安裝

window和Linux執行以下指令：

npm install -g cordova ionic

macos下執行以下指令：

sudo npm install -g cordova ionic

注：已經安裝的注意更新

npm update -g cordova ionic

或

sudo npm update -g cordova ionic

2、安裝ionic項目

npm start App tabs

這個時候就已經建立了一個名為App的ionic項目。

3、運作ionic項目

ionic serve

或

ionic serve -lab

4、增加依賴的平台

ionic cordova platform add/remove android/ios

增删android/ios平台依賴

5、模拟器啟動

ionic cordova emulate android

當然測試開發需要實時重新整理的話就是

ionic cordova emulate android --livereload

6、真機運作

首先要編譯：

cordova build android

然後就是運作：

cordova run android

7、打包apk

首先以管理者身份打開cmd，輸入：

（1）

keytool -genkey -v -keystore [姓名].keystore -alias [姓名].keystore -keyalg RSA -validity 20000

（2）

jarsigner -verbose -keystore [姓名].keystore -signedjar complete.apk app.apk [姓名].keystore

好了這樣一個已簽名的檔案就誕生了。下篇講下ionic開發中遇到的一些常見問題。