はじめに
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 create
cordova 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" />
を追加