はじめに
NativeScript でデータの 保存/読み出し を行う方法を整理した。
TL;DR
ApplicationSettingsを使うconst appSettings = require("tns-core-modules/application-settings");appSettings.getXXXX,appSettings.setXXXX,appSettings.hasKey, etc
NativeScript でデータの 保存/読み出し を行う方法を整理した。
ApplicationSettings を使うconst appSettings = require("tns-core-modules/application-settings");appSettings.getXXXX, appSettings.setXXXX, appSettings.hasKey, etcVue.js を使ってネイテイブアプリの開発が可能な NativeScript-Vue について整理した。
セットアップから、Vue Router を使ったページ遷移、モーダルの表示などについて。
続きを読むサーバ(Node.js)からプッシュ通知を送信する方法として、firebase-admin を使って簡単なプッシュ通知を送信する方法を整理した。
関連: Vue + Cordova + Firebase でプッシュ通知
GOOGLE_APPLICATION_CREDENTIALS を設定(direnv 使うと便利)initializeApp, Messaging.send でプッシュ通知 送信Vue + Cordova + Firebase でプッシュ通知を利用する方法を整理した。
※Firebase やプッシュ通知の細かい仕様については詳しくないため、最新/最適 でない方法の可能性があることに注意。
※試行錯誤を経て成功した後に情報を整理しているので、手順漏れや実施タイミングが異なるものなどがあるかもしれないことに注意。
関連: Node.js で firebase-admin を使ってサーバからプッシュ通知
Cordova でアプリデプロイ時に、指定した端末やエミュレータにデプロイする方法についてまとめた。
cordova run --list で利用可能なデバイスの表示。cordova run ios --target=<target id> で実機へのデプロイcordova emulate ios --target=<target id> でエミュレータへのデプロイGitHub などに登録されている Cordova アプリのソースコードをクローンした後に、クローンしたコードを使って Cordova 環境を構築(初期設定)する方法。
mv <original name> <renamed name>--template オプションを使って cordova createcordova create <original name> --template=<renamed name>rm -rf <renamed name>Cordova でエミュレータの起動がうまくいかないときに見るポイント(やること)をまとめた。
※自分がハマった箇所の解決方法しか書いてない
npm i -g ios-sim で ios-sim をインストール--buildFlag='-UseModernBuildSystem=0' をつけるMac + Cordova で、Huawei nova lite2 にアプリをデプロイするまでにハマったので、解決方法のまとめ。
Cordova でネイテイブのダイアログを表示できる cordova-plugin-dialogs について調べた。
cordova-plugin-dialogs はネイティブのダイアログを呼び出すwindow.alert などとの違い、iOS, Android での違い)をまとめたwindow.alert なども考慮した Wrapper を作ったCordova で Splash Screen を設定できる cordova-plugin-splashscreen についてまとめた。
cordova plugin add cordova-plugin-splashscreen でインストールres/screen/ios などに画像ファイルを配置config.xml に <splash src="res/screen/ios/xxxx.png" /> を追加