Firebase Cloud Messaging(FCM)を利用したWebPush通知の実装について - Qiita
/** * npm web-push パッケージ サイトを参考 * https://www.npmjs.com/package/web-push */ function urlBase64ToUint8Array(base64String) { const padding = '='.repeat((4 - base64String.length % 4) % 4); const base64 = (base64String + padding).replace(/\-/g, '+').replace(/_/g, '/'); const rawData = window.atob(base64); const outputArray = new Uint8Array(rawData.length); for (let i = 0; i < rawData.length; ++i) { ou
Firebase Cloud Messaging (FCM) で Web Push 通知を実装してみた – rilakkuma3xjapan's blog
Overview 「Web Push 通知を実装してみた」で Web Push 通知の概要と, web-push モジュールを利用した Web Push 通知の実装を記載しました. しかしながら, web-push モジュールを利用した Web Push 通知は鍵のやりとりが少々煩雑で実装も複雑になってしまいます. Firebase Cloud Messaging (FCM) を利用すると, 鍵のやりとりの代わりにトークンを利用することで Web Push 通知を簡単に実装することができます. What is Firebase Cloud Messaging ? クロスプラットフォームのプッシュ通知のためのソリューションです. 詳細は, こちらのドキュメントを参考にしてください. How to use Firebase Cloud Messaging ? Firebase console
PWAの基礎知識（その9）「Push API/VAPID編」
Webブラウザにプッシュ通知を送れるPush APIは魅力的な機能ですが、各ブラウザによって実装が異なっていたり、Firebaseでプロジェクトを登録したりするのが手間でした。それを共通化し、さらにプロジェクト登録不要で使えるようにする仕組みがVAPIDになります。 今回はこのVAPIDを使ったPush APIの使い方です。 必要なもの 今回はVAPIDに対応したライブラリ、web-pushを使います。今回はNode.jsのライブラリです。zaru/webpushというRuby向けのライブラリもあります。 初期設定 まずサーバ側で秘密鍵と公開鍵を用意します。これは以下のコードで可能です。 This file contains bidirectional Unicode text that may be interpreted or compiled differently than wha
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
