Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Firebase Cloud Messaging のベストプラクティス を、探している
Search
gyarasu
February 01, 2020
Technology
1
2.9k
Firebase Cloud Messaging のベストプラクティス を、探している
2020.02.01 PWA Night Conference
https://conf2020.pwanight.jp
gyarasu
February 01, 2020
Tweet
Share
More Decks by gyarasu
See All by gyarasu
QAエンジニア組織立ち上げはじめの一歩
gyarasu
0
59
RESTful Firebase with Vue.js
gyarasu
1
440
Next.jsではじめるPWA
gyarasu
2
1.6k
doda AIジョブサーチ PWAとパフォーマンスの話
gyarasu
0
1.7k
副業時代のプロジェクトマネジメント
gyarasu
3
3k
PWA基礎_1
gyarasu
0
300
PWA基礎_2
gyarasu
0
180
PWA基礎_3
gyarasu
0
160
フロントエンドエンジニア (実稼働まで) ひとりでできるもん
gyarasu
0
2.7k
Other Decks in Technology
See All in Technology
生成AI時代に必要な価値ある意思決定を育てる「開発プロセス定義」を用いた中期戦略
kakehashi
PRO
1
250
オブザーバビリティが広げる AIOps の世界 / The World of AIOps Expanded by Observability
aoto
PRO
0
250
実運用で考える PGO
kworkdev
PRO
0
130
コスト削減の基本の「キ」~ コスト消費3大リソースへの対策 ~
smt7174
2
320
モバイルアプリ研修
recruitengineers
PRO
5
1.7k
「魔法少女まどか☆マギカ Magia Exedra」のグローバル展開を支える、開発チームと翻訳チームの「意識しない協創」を実現するローカライズシステム
gree_tech
PRO
0
440
Browser
recruitengineers
PRO
8
2.2k
Figma + Storybook + PlaywrightのMCPを使ったフロントエンド開発
yug1224
10
3.6k
実践アプリケーション設計 ③ドメイン駆動設計
recruitengineers
PRO
13
4.1k
Language Update: Java
skrb
2
220
Kubernetes における cgroup driver のしくみ: runwasi の bugfix より
z63d
2
120
JuniorからSeniorまで: DevOpsエンジニアの成長ロードマップ
yuriemori
2
350
Featured
See All Featured
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Bash Introduction
62gerente
614
210k
Navigating Team Friction
lara
189
15k
How STYLIGHT went responsive
nonsquared
100
5.8k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
31
2.2k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
570
Why You Should Never Use an ORM
jnunemaker
PRO
59
9.5k
jQuery: Nuts, Bolts and Bling
dougneiner
64
7.9k
Facilitating Awesome Meetings
lara
55
6.5k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Designing for Performance
lara
610
69k
Making the Leap to Tech Lead
cromwellryan
134
9.5k
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 ありがとうございました!