ServiceWorkerについてのメモ

2018/02/23

前にメモった気もするが・・・おさらい的な感じでメモる。

ServiceWorkerとは

ブラウザとは関係なく処理を実行してくれる環境のこと。JavaScript。

各ブラウザのServiceWorker対応状況

出来るコト・出来ないコト

・DOMにアクセスできない:方法が「まったく無い」ってわけでは無いらしい。
・リクエストをプロキシすることが可能
・変数の値が保持できない:かわりにどっかから取ってくる処理を追加すればOK
・Promise を頻繁に使う
・「https」か「localhost」上でしか動作しない

やりたかったこと

・サイトを見ていなくてもプッシュ通知を行いたい。

実現するために

一つ目:プッシュ通知について
・プッシュ通知の許可をもらう
・プッシュ通知を行う

二つ目:APIについて
・サイトとプッシュ通知を行う端末の間を取り持ってもらう

三つ目:APIに投げる
・サイトからプッシュ通知をしてもらうために何かを送信

一つ目:プッシュ通知について

最初は
・プッシュ通知はServiceWorkerが絡むので、対応しているか確認が必要
・ユーザーに許可をもらう

あとは、後述のAPIがゴニョゴニョしてくれるので、
・プッシュ通知が行われる。

二つ目:APIについて

色々とあるみたいだけどGoogle絡みの「Firebase」を使う。

Firebaseで各設定を行う

三つ目:APIに投げる

サイト側で任意のタイミングでAPIに何かを投げる。
※何かを投げるとAPIがゴニョゴニョしてユーザーの端末にプッシュ通知が行われる

関連項目

Firebaseを使ったプッシュ通知(ブログ)
「ラボ)カテゴリ:Google関連」の「Firebase」の各項目

新着(ニュース関連以外)

2018-07-26
年賀状で「新春」とか書くけど・・・何故なんだろうと8月を目前にした今、疑問に思った。
2018-05-16
PHPで画像のヘッダ情報(?)の「Orientation」を元に画像回転させたい。
2018-03-05
Android Studioをインストール。エミュレータを軽くするトコまで終わらせたかったけど、挫折した。
2018-02-23
プッシュ通知について調べてた時にでてきたServiceWorker。そのServiceWorkerについてのメモ。
2017-12-13
jqueryで取得したDOM要素をオブジェクトじゃなくて、配列で受け取りたい