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

ピン留めされたアイテム

環境

とりあえず参考にした Web サイトはここに貼る。

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

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

なるほどなるほど・・・

firebase-messaging-sw.js に api_key を直書きしてもそれに紐づいている browser_key にドメイン制限をかけておけばセキュアだよということか。

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

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

とりあえずググった記事を貼る

所感としては「Laravel FCM」でググると、フロントを blade な構成がほとんどで API + フロントエンドの構成でやっている記事があんまりない…。

できた