Closed9

Laravel + Nuxt.js で Web プッシュを実装する

ピン留めされたアイテム
ega4432ega4432

環境

key value
API Laravel
フロントエンド Vue.js / Nuxt.js
サービスワーカー Firebase Cloud Messaging
ega4432ega4432

Service worker として動作するために firebase-messaging-sw.js という名前でファイルを置いておかないといけないらしい。

そこに、firebase を初期化するための api_key とか環境変数を書くんだけどこれって .env とかから取得したい。

ega4432ega4432

Nuxt 側は割とすんなりできて、管理画面から通知を送るとローカルで通知を取得することができた。
あとは実際に API の処理の中で FCM 側に通知データをぶっ込んでやるだけ。

ここからは Laravel 側に実装する。

ega4432ega4432

デバック

  • chrome://serviceworker-internals/
  • chrome://gcm-internals/
このスクラップは2021/08/19にクローズされました