はじめに
Cordova で iOS, Android で異なる ID を使う方法。(特殊な事情がない限りは iOS, Android で同じ ID を使うと思う)
TL;DR
config.xmlのwidgetに以下を設定- iOS:
ios-CFBundleIdentifier - Android:
android-packageName
- iOS:
はじめに
Cordova で QR コードスキャナのプラグイン(bitpay/cordova-plugin-qrscanner)を追加すると、iOS, Android のビルドがエラーになる問題の対応方法。
TL;DR
- iOS: bitpay/cordova-plugin-qrscanner ではなく danielzen/cordova-plugin-qrscanner をインストール
- Android:
platforms/android/app/src/main/java/com/bitpay/cordova/qrscanner/QRScanner.javaを修正
はじめに
guyromb/cordova-open-native-settings を使って、Cordova アプリから OS の設定アプリを開く方法。
README には「iOS 8/9/10」と記載されているが、iOS 14.4 でも問題なく動作した。
TL;DR
cordova plugin add cordova-open-native-settingsでプラグイン追加cordova.plugins.settings.openで設定アプリを開くことができる- 設定アプリ内のどの機能にアクセスしたいかは以下を参照
はじめに
Cordova で Repro とカスタム URL スキームを使ってディープリンクを扱う方法。
TL;DR
- EddyVerbruggen/Custom-URL-scheme をインストール
- Content Security Policy の設定変更
config.xml変更(allow-intent,config-file追加)window.handleOpenURLを定義
- ディープリンクを設定して Repro プッシュ通知を送信
はじめに
Cordova iOS アプリで長押し(ロングタップ, ロングプレス)によるコンテキストメニューを無効化する方法。
TL;DR
- テキスト選択、3Dタッチを無効化する場合は
config.xmlを設定SuppressesLongPressGesture,Suppresses3DTouchGestureをtrue
- 画像などの長押しを無効化する場合は CSS で設定
- 意図通りに動くか、他箇所で不具合が出ないかはしっかり検証が必要
はじめに
NativeScript(NativeScript-Vue) で davecoffin/nativescript-modal-datetimepicker で DatePicker/TimePicker を使用する方法
TL;DR
- インストール
- NS6-:
tns plugin add nativescript-modal-datetimepicker@x.y.z - NS7+:
ns plugin add nativescript-modal-datetimepicker
- NS6-:
- README.md の情報だけだと分かりづらいので、デモ用コードも合わせて見た方が良い
import,newしてpickDateやpickTime
はじめに
NativeScript で tns run ios や tns debug ios 実行時に The iOS Simulator deployment target 'IPHONEOS_DEPLOYMENT_TARGET' is set to x.x のエラーになる場合の対処法。
1 | warning: The iOS Simulator deployment target 'IPHONEOS_DEPLOYMENT_TARGET' is set to 8.0, but the range of supported deployment target versions is 9.0 to 14.0.99. (in target 'Starscream' from project 'Pods') |
TL;DR
app/App_Resources/iOS/build.xcconfigを修正
はじめに
Cordova で whiteoctober/cordova-plugin-app-version を使って、アプリ名やアプリのバージョン情報などを取得する方法。
TL;DR
cordova plugin add cordova-plugin-app-versionでプラグイン追加- 以下で情報取得
- アプリ名:
cordova.getAppVersion.getAppName() - パッケージ名:
cordova.getAppVersion.getPackageName() - バージョンコード:
cordova.getAppVersion.getVersionCode() - バージョン番号:
cordova.getAppVersion.getVersionNumber()
- アプリ名:
- async/await でも記述可能
- OS, OS Version の取得は apache/cordova-plugin-device
はじめに
Cordova iOS アプリ, Android アプリで Twitter Timeline の埋め込みを実現する方法。
TL;DR
- ライブラリを使わずに自前で実装
- tonickkozlov/vue-tweet-embed 使ってたがどうやってもダメだった
- cordova-plugin-whitelist を使用
config.xmlに<allow-navigation />を追加
1 | <allow-navigation href="https://*twitter.com/*" /> |
はじめに
Cordova iOS アプリで axios を使っての API Request が Network Error となる場合の回避策。
TL;DR
- 間隔を空けて最大n回までリトライ、で回避可能
- Ionic でも似たような Issue あり(2019/07 と少し古い)
- 本対応は silkimen/cordova-plugin-advanced-http を使う(のはず。未検証)
