webpushを実装する

[kantaroso]

参考

https://developers.cyberagent.co.jp/blog/archives/9662/

[kantaroso]

開始方法

https://firebase.google.com/docs/cloud-messaging/js/client?hl=ja

[kantaroso]

サンプル https://github.com/firebase/quickstart-js/tree/master/messaging

[kantaroso]

通知の作成（表示）

https://developer.mozilla.org/ja/docs/Web/API/ServiceWorkerRegistration/showNotification

[kantaroso]

service workerのデバッグ方法 https://qiita.com/tmtysk/items/f77e31d6e9380e1c94a2

[kantaroso]

service worker基本

https://qiita.com/y_fujieda/items/f9e765ac9d89ba241154

[kantaroso]

sdk リファレンス

https://firebase.google.com/docs/reference/js/messaging_

sw sdk リファレンス

https://firebase.google.com/docs/reference/js/messaging_sw

[kantaroso]

ios側の通知設定

https://ja.remotty.net/help/2679#OS%E5%81%B4%E3%81%AE%E9%80%9A%E7%9F%A5%E8%A8%AD%E5%AE%9A%E3%81%8C%E6%9C%89%E5%8A%B9%E3%81%AB%E3%81%AA%E3%81%A3%E3%81%A6%E3%81%84%E3%82%8B%E3%81%8B%E7%A2%BA%E8%AA%8D%E3%81%99%E3%82%8B

[kantaroso]

[kantaroso]

なんでかバックグラウンドのpushが2回来ちゃうのでタグ追加 https://www.fixes.pub/program/379618.html

タグ来てもダメだった。

onBackgroundMessage （表示通知は自動的に表示されます）

ってあるからfcmの場合は showNotification がなくても表示されるっぽい https://firebase.google.com/docs/cloud-messaging/js/receive

[kantaroso]

vueのプラグインでpwa実装できそうなのでそっちを利用する方向に変更 https://cli.vuejs.org/core-plugins/pwa.html#configuration

[kantaroso]

• 追加

npm -i @vue/cli-plugin-pwa --dev
vue add pwa

[kantaroso]

dev、prodで環境分けの目的に使うには微妙なのでwebpackで頑張る方向へ変更 https://webpack.js.org/plugins/copy-webpack-plugin/#transform