ionic4+angular7+cordova開發入門

前言

ionic是一個垮平臺開發框架，可經過web技術開發出多平臺的應用。但只建議開發簡單應用。複雜的應用須要用到許多cordova插件，而cordova插件的更新或者移動平臺的更新極可能致使插件的不可用，維護升級成本較高。

安裝

1. 安裝node.js。https://nodejs.org/en/
2. 經過node.j安裝ionic
   npm install -g ionic
3. 查看安裝狀況

sh-3.2# node --version
v10.14.2
sh-3.2# ionic --version
5.0.0

輸出了版本好說明安裝成功了。

建立項目

1. 建立myApp項目 ionic start myApp tabs
2. 進入myApp目錄，運行項目 cd myApp、ionic serve
   這時可能會遇到問題
   Error: Cannot find module 'node-sass’
   安裝相應的node-sass模塊就能夠了。
   npm install node-sass --save-dev
   沒問題後可在瀏覽器看到項目運行起來了
   

添加ios平臺

1. 添加cordova插件 npm i -g cordova
2. 添加ios平臺 ionic cordova platform add ios
3. 準備ios代碼 ionic cordova prepare ios，之後都只須要這一步就能夠在xcode上運行。
4. 將生成的代碼在xcode上運行
   
5. ios平臺運行結果
   

添加android平臺

1. 添加步驟同ios ionic cordova platform add android
   如遇到 404 Not Found: amdroid@latest
   先更新版本在嘗試
   ionic cordova platform rm android
ionic cordova platform update android
ionic cordova platform add android
2. 在androidStudio運行android
   可能會遇到構建異常

The minSdk version should not be declared in the android manifest file. You can move the version from the manifest to the defaultConfig in the build.gradle file.

在manifest把minSdkVersion刪掉便可，目錄是：
CordovaLib->AndroidManifest.xml
app->src->main->AndroidManifest.xml
<uses-sdk android:minsdkversion="19">
3. android平臺也運行起來了

做者：垚淼
出處：www.ljmin.com