[Ionic4 Cordova9 Angular8]開発TIPS

ブラウザで確認する

ionic serve

アプリをビルドする

iOS

ionic cordova prepare ios --prod
open platforms/ios

.xcworkspaceを開いてXcodeでBuildする

Android

ionic cordova build android --prod
adb install /path/to/apk

ログを見る

adb logcat

実機やエミュレーターでのライブリロードデバッグ

iOS

1. PCとiPhoneを同じネットワークに接続する
2. 以下のコマンドを実行

ionic cordova run ios -l --address=0.0.0.0 --consolelogs

ログはコマンドを実行したコンソールを見るか、Safariの開発者ツールのコンソールで見ることができる
https://ionicframework.com/jp/docs/building/ios#safari-web-inspector-

Android

Android Studioのエミュレーターで動作確認することが多い

ionic cordova run android -l

ログはChromeのコンソールが見やすい
https://ionicframework.com/jp/docs/building/android#chrome-devtools-

JITコンパイルとAOTコンパイル

buildやprepare時に--prodをつけない場合

• JITコンパイルされる。コンパイルは早いが、アプリの動作速度はAOTコンパイルより遅い。
• src/environments/environment.tsが使用される。

buildやprepare時に--prodをつけた場合

• AOTコンパイルされる。コンパイルに時間はかかるが、アプリの動作速度はJITコンパイルより早い。
• src/environments/environment.prod.tsが使用される。