Web Push通知 とは？

普通のプッシュ通知はスマホにアプリをインストールして受け取るけど、Web Push通知はブラウザさえあれば受け取れるんだよ。アプリを入れなくてもWebサイトから「通知を許可しますか？」って聞かれたことない？

3つの要素が連携しているよ。まずService Workerがブラウザの裏側で常駐して通知を受け取る役割を担う。次にPush APIがサーバーからの通知を受信する窓口になる。最後にNotification APIが実際に画面にポップアップを表示するんだ。

そこがWeb Pushのすごいところで、Service Workerはブラウザのバックグラウンドで動くから、Webサイトを開いていなくても通知が届くんだよ。ただしブラウザ自体が完全に終了していると届かない場合もあるね。

それは業界でも問題になっていて、ChromeやFirefoxは「通知の許可プロンプト」を抑制する仕組みを導入しているよ。ユーザーが何度も拒否したサイトは自動的にプロンプトを出せなくなるんだ。

ユーザーが許可すると、ブラウザが「サブスクリプション情報」を発行するよ。サーバーはそれを保存しておいて、通知したいときにブラウザベンダーのプッシュサービスにリクエストを送る。するとプッシュサービスがユーザーのブラウザに届けてくれるんだ。

通知の内容はVAPID（Voluntary Application Server Identification）という仕組みで暗号化されるから、途中のプッシュサービスも中身は読めないよ。公開鍵暗号を使っていて、サーバーが秘密鍵で署名し、ブラウザだけが復号できる設計になっているんだ。

そうだね。ちなみにiOSのSafariは長らくWeb Pushに対応していなかったんだけど、2023年からようやくサポートが始まったよ。PWAとWeb Pushを組み合わせると、ネイティブアプリとほぼ同じ体験がブラウザだけで実現できる時代になってきたんだよ。