Firebaseを使ったプッシュ通知
前提条件として「httpsサイトでのみ利用可能」だそうだ。
「localhost」でもいけるらしいが、Xamppで試しても・・・
“multicast_id”:xxxxxxx,
“success”:0,
“failure”:1,
“canonical_ids”:0,
“results”:[{“error”:”MismatchSenderId”}]
}
上記のようになりどうしたらいいかがわかならい。
「JavaScript Firebase Cloud Messaging クライアント アプリを設定する」に従いつつやってみる。
httpsサイトでのみ利用可能
サーバーを用意しなくちゃいけないけど単純にテストするためだけに金をだして契約・・・ってのは避けたい。ありがたいことに下記のように用意してくれるそうだ。
Firebase Hostingを使うことにする。
FirebaseをJavaScriptプロジェクト追加
Firebaseからプロジェクトを追加・・・なんだけど、すでに作っていたからスキップ。
サンプルソースが載っていたのでDLしてFirebase Hostingにup(デプロイ)する。
※どれが必要かわからないので全部DL・・・「firebase/quickstart-js」→DLしたファイルたちのうち「messaging」フォルダの中身だけup(デプロイ)する。
「https://〇〇〇.firebaseapp.com/」にアクセスして「REQUEST PERMISSION」をクリック。許可を求められるので「許可」する。
JavaScript クライアントでメッセージを受信する
次のステップは・・・「JavaScript Firebase Cloud Messaging クライアント アプリを設定する」ではなく「JavaScript クライアントでメッセージを受信する」になる。
・・・色々書かれているけど「firebase/quickstart-js」をup(デプロイ)していたのですることが無さげ。そのためスキップ。
「firebase-messaging-sw.js」の中の「’messagingSenderId’: ‘YOUR-SENDER-ID’」だけ書き換えが必要かも。
「https://〇〇〇.firebaseapp.com/」にアクセスまではOK。その後、メッセージをPCで表示してもらうトコで・・・挫折。
別のアプローチを考えてみる・・・。
出来るようになったらまとめよう・・・。