前回、下記のエントリでProgressive Web Appにおけるそこそこ生のWeb-Push-Protocolについておおまかな仕組みを触れました otiai10.hatenablog.com ので、今回はFirebase Cloud Messagingを使って、もっと手軽にWebブラウザにPush通知を送るのをやってみた備忘録です。 公式ドキュメント Set Up a JavaScript Firebase Cloud Messaging Client App | Firebase Receive Messages in a JavaScript Client | Firebase Send Messages to Multiple Devices | Firebase 必要なもの GCM Sender ID ブラウザ(デバイス)側で、Subscriptionを発行すると
![Firebase Cloud Messaging(FCM)でより簡単にWebブラウザにPush通知を送るサンプル - DRYな備忘録](https://cdn-ak-scissors.b.st-hatena.com/image/square/12b1e3d7042e0a7bf27228483d57a035ae109b3e/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fo%2Fotiai10%2F20170622%2F20170622010233.png)