Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
Firebase Cloud Messaging のベストプラクティス を、探している
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
gyarasu
February 01, 2020
Technology
5.9k
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Firebase Cloud Messaging のベストプラクティス を、探している
2020.02.01 PWA Night Conference
https://conf2020.pwanight.jp
gyarasu
February 01, 2020
More Decks by gyarasu
See All by gyarasu
QAエンジニア組織立ち上げはじめの一歩
gyarasu
0
120
RESTful Firebase with Vue.js
gyarasu
1
500
Next.jsではじめるPWA
gyarasu
2
1.8k
doda AIジョブサーチ PWAとパフォーマンスの話
gyarasu
0
1.9k
副業時代のプロジェクトマネジメント
gyarasu
3
3.2k
PWA基礎_1
gyarasu
0
330
PWA基礎_2
gyarasu
0
220
PWA基礎_3
gyarasu
0
200
フロントエンドエンジニア (実稼働まで) ひとりでできるもん
gyarasu
0
2.8k
Other Decks in Technology
See All in Technology
フィンテック養成勉強会#68
finengine
0
240
VLA-JEPA: Enhancing Vision-Language-Action Models with Latent World Models
takmin
0
290
LLM-as-a-Judgeは本当に信頼できるのか――評価器を評価する話
taka_aki
3
1.1k
僕のハーネスを紹介します
watany
5
1.6k
Vue.jsのGitHubから学ぶ意思決定
yut0naga1_fa
1
120
背中から、背中へ ー 社外コミュニティで学んだ「雑に背中を押す」という恩送り ー / easygoing encouragement and pay forward to community
naitosatoshi
0
170
DevelopersIO2026 -バックアップは“消されないこと”が9割-
yoshida0129
0
390
Refining Active Record
shugo
0
240
Codex を使った障害対応机上演習の実際
orgachem
PRO
0
340
Steerable Visual Representations
sansantech
PRO
0
350
Obsidian Vault Architectures
x5gtrn
PRO
0
120
Microsoft のサポート ライフサイクルを理解する
murachiakira
PRO
0
150
Featured
See All Featured
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
B2B Lead Gen: Tactics, Traps & Triumph
marketingsoph
1
290
Code Review Best Practice
trishagee
74
20k
WCS-LA-2024
lcolladotor
0
910
Learning to Love Humans: Emotional Interface Design
aarron
275
41k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
akihiro_kokubo
PRO
74
43k
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
auna
0
330
Build The Right Thing And Hit Your Dates
maggiecrowley
39
3.5k
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
livdayseo
0
230
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
11
1.1k
How to train your dragon (web standard)
notwaldorf
96
6.9k
The Cult of Friendly URLs
andyhume
79
7k
Transcript
Firebase Cloud Messaging のベストプラクティス を、探している 2020/02/01 PWA Night Conference 吉次
洋毅
誰? • 吉次洋毅(ヨシツグヒロキ) • 経歴 ◦ 某レストラン検索サイトでバックエンドエンジニアなど ◦ 某HR会社でエンジニアをしつつ ◦
フリーランスで受託開発&他社さんの開発やプロジェクトマネジメントのお手伝い • 趣味 ◦ 一人旅 & 写真 & スーパー銭湯 ◦ スマブラ(VIPボーダー周辺をウロウロ・ゼロサムユーザ) ◦ ポケモン(約20年ぶりにはじめました) @gyarasu
使ってる??
FCMによるWeb Pushが届くまで ① FCMからトークンを取得 ④ プッシュ送信を受信 ②トークンをサーバに送信 ③ FCMに処理を投げる
FCMによるWeb Pushが届くまで ① FCMからトークンを取得 ④ プッシュ送信を受信 ②トークンをサーバに送信 ③ FCMに処理を投げる 送信方法がいくつかある
複数のデバイスに送信する方法は2つ https://firebase.google.com/docs/cloud-messaging/js/send-multiple
よくみたら色々あった Node.js Admin SDKリファレンス: https://firebase.google.com/docs/reference/admin/node/admin.messaging
FCMでのPush送信方法いろいろ • CURL / send(Admin SDK) ◦ 単一のトークンを指定して送信 • マルチキャスト(Admin
SDK) ◦ 複数のトークンを指定し送信 • トピックメッセージング ◦ 特定のトピックにオプトインした複数のデバイスにメッセージを送信 • デバイスグループメッセージング ◦ 定義したグループに属する複数のデバイスにメッセージを送信
FCMによる送信方法Decision Tree(暫定)
FCMによる送信方法Decision Tree(暫定) やってみたけど、 ちょっと苦労した
トピックメッセージングのハマりポイント • トピック購読管理の難しさ • ユーザ単位での送信状態の管理の難しさ デバイスグループメッセージングのグ ループ管理も同様の課題あり
トピックメッセージングのハマりポイント • トピック購読管理の難しさ • ユーザ単位での送信状態の管理の難しさ デバイスグループメッセージングのグ ループ管理も同様の課題あり
トピック管理の難しさ
トピックの購読状態の管理 ① FCMからトークンを取得 ④ プッシュ送信を受信 ②トークンをサーバに送信 ③ FCMに処理を投げる
トピックの購読・購読解除の流れ topic, tokenの 組み合わせを保存 ・購読(subscribe) ・購読解除(unsubscribe) ・送信リクエスト メッセージ配信(publish) FCM FaaSなど
データベース
FCMとDBの状態の整合性 topic, tokenの 組み合わせを保存 ・購読リクエスト ・購読解除リクエスト ・送信リクエスト ・購読(subscribe) ・購読解除(unsubscribe) ・メッセージ配信(publish)
FCM FaaSなど データベース 何らかの原因で データが消失 FCMから購読状態を取得す ることはできない
DB上のデータとFCM上での実際の 購読状態の整合性が合わなくなる
DB上のデータとFCM上での実際の 購読状態の整合性が合わなくなる ・DB上では購読してないのに Pushが届く ・DBの上では購読状態なの にPushが届かない
DBのデータ更新とFCMの購読・非購読は Atomicな処理にする
ユーザ単位での 送信状態の管理
通知設定の単位と細分化されたトピック 営業 事務 技術 設定 : 購読トピック = 1 :
n
細分化トピックが引き起こす通知の嵐 営業 事務 技術 トピックメッセージングは、あく までも「トピック」に対して通知 を送る
設定とトピックが1 : 1になっていない場合 ユーザにとって過多な通知になり得る
細かいセグメントで 送信先を制御したい場合は マルチキャストでの送信が良さそう
Decision Tree途中経過 ここはわかった!
トピックメッセージングの選択基準 • 受信設定の単位とトピックが1:1になっている場合 • トピックの単位が単純である場合 ◦ 基本的にはコンテンツの単位が良い ◦ 年齢や性別のようなユーザ属性や、行動ログ等の要素を掛け算してトピック分 割すると、条件が変動するたびに頻繁にトピックの購読・解除を行う必要があ
るのであまり向かない
まとめ • まずはサービスとしてのPush通知の要件・仕様をしっかり検 討してからどの方法で送るか考える(最重要) • トピックメッセージングが向いているパターン ◦ 設定と購読トピックが1:1である場合 ◦ 細分化されたトピックで送信しても問題ない場合
• 細かい条件で送信対象を抽出したり、条件が頻繁に更新され る場合はマルチキャストが良さそう ◦ トピックやデバイスグループ管理をしないで済む ◦ 1回の送信で500トークンという制限あり
※スキップしたスライドも含めてSpeaker Deckで公開します @gyarasu ありがとうございました!