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
Webプッシュ通知触ってみた
Search
matumoto
February 22, 2023
Technology
0
27
Webプッシュ通知触ってみた
2023/2月に行われたサークル内追い出しLTの資料です
イベントページはこちら
https://zli.connpass.com/event/275487/
matumoto
February 22, 2023
Tweet
Share
More Decks by matumoto
See All by matumoto
Goトランザクション処理
matumoto
0
16
いまいちどスライスの 挙動を見直してみる
matumoto
0
230
Go1.22のリリース予定の機能を見る
matumoto
0
51
GoのUnderlying typeについて
matumoto
0
120
Typed-nilについて
matumoto
0
140
GoのType Setsという概念
matumoto
0
11
GoのRateLimit処理の実装
matumoto
0
150
拡張ユークリッドの互除法の紹介
matumoto
0
100
Goでの楕円曲線暗号の実装
matumoto
0
29
Other Decks in Technology
See All in Technology
エムスリー全チーム紹介資料 / Introduction of M3 All Teams
m3_engineering
1
280
【shownet.conf_】ShowNet x 宇宙ネットワーク
shownet
PRO
0
390
How CERN serves 1EB of data via FUSE
ennael
PRO
0
16k
過去のインプットとアウトプットを振り返る
diggymo
0
110
YAPC::Hakodateの映像記録を支える技術
godan
4
210
Low Latency Join Method for Distributed DBMS
yugabytejapan
0
140
VS CodeでF1〜12キーつかってますか? / Do you use the F1-12 keys in VS Code?
74th
2
290
エンジニアは伝え方が9割/90% of what engineers need is communication skills
ykanoh
2
250
Product Utilization of Large Language Models Starting Today
ymatsuwitter
3
1.3k
XPを始める新人に伝えたい近道の鍵
nakasho
1
300
入門 バックアップ
ryuichi1208
18
6.5k
【swonet.conf_】NOCメンバーが語るSTMの実態!! ~ShowNetから若者への贈り物~
shownet
PRO
0
290
Featured
See All Featured
Practical Orchestrator
shlominoach
186
10k
10 Git Anti Patterns You Should be Aware of
lemiorhan
653
59k
Writing Fast Ruby
sferik
626
60k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
27
1.9k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
191
16k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
355
29k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
Design by the Numbers
sachag
278
19k
A better future with KSS
kneath
236
17k
How GitHub (no longer) Works
holman
311
140k
Web development in the modern age
philhawksworth
205
10k
Code Reviewing Like a Champion
maltzj
519
39k
Transcript
Webプッシュ通知 触ってみた 追い出しLT 2023/02/22
• 学年:28期 • 所属:会津大学コンピュータ理工学部 • 今興味のある技術:Go, Haskell, Rustで競プ ロ •
趣味: ◦ モンハン ▪ 燃えないゴミはもう無いんだよ ◦ イカᔦꙬᔨ ◦ FGO ▪ 2部7章良かったね • Twitter:@matumoto_1234 matumoto 松本 響輝 自己紹介
今回触ってみた技術 • Webプッシュ通知
FirebaseCloudMessaging(FCM)の概要 • Firebaseサーバーに送り先を登録する • Firebaseサーバーから送り先に対してプッシュ通知を送る
送り先の登録処理 • デバイスで登録をする場合
送り先の登録処理 • ブラウザで登録する場合
送り先の登録処理 • では何に登録させるか? ◦ サイトごとに一意なものに登録させる( PushSubscriptionが発生する) ◦ Firebaseが用意しているSDKでmasseging.getToken(**省略*/)を呼び出す と登録トークンがFirebase側で発行されて返される(2回目以降はキャッシュされたも のが返される)
送られるとどうなるか • 送り先がサイトごとに一意 ◦ じゃあサイトを開いていないときとかは通知が来ないのでは? ◦ →ちゃんと来てくれる ▪ ServiceWorkerが受け取っている ServiceWorker
通知許可
ServiceWorkerについて • ServiceWorker発火などでなんらかの動作をしたい ◦ ServiceWorkerAPIが実は提供されている
実際に送るには • FirebaseConsoleからプッシュ通知を送ることができる • Firebase Admin SDKからも同じように送れる
実際に送るには • Firebase Admin SDKを使うメリット ◦ アプリのサーバー側から通知を叩ける
実装編
実装 • Firebaseプロジェクトを作って、生成されるサーバーキーとかを保管 • firebase-toolkitsをPCにインストール • $ firebase initとかをして生成されるindex.htmlなどのファイルに、さっきのサーバー キーとかをコピペ
• $ firebase serve でローカルファイルをホスティング • ホスティングしたlocalhost:5000とかに行って通知を許可 • FirebaseConsole(Web画面)から通知を送る • AC
デモ
ご卒業 おめでとうございます! 社会人になっても健康でいやがれください