Push API と Notification API を試す。
The Push API Guide をやってみる。
デスクトップ通知許可状況:
( default / granted / denied )
ブラウザの「通知」設定を「確認（デフォルト）」にしてからボタンを押すと分かりやすいです。
以下のボタンを押すと、デスクトップ通知が表示されます。
| プロパティー or メソッド | 値 |
|---|---|
| controller | |
| getRegistration() | |
| getRegistrations() |
| プロパティー or メソッド | 値 |
|---|---|
| scope | |
| installing | |
| waiting | |
| active | |
| navigationPreload | |
| getNotifications() |
| プロパティー or メソッド | 値 |
|---|---|
| endpoint (ブラウザベンダが用意したプッシュサーバー上のURL) |
|
| expirationTime | |
| getKey('p256dh') | |
| getKey('auth') | |
| toJSON() |
- サーバーから message が push される通信は、Chrome の場合、開発者ツールの [Application] タブ [Push Messaging] で確認できます。
- 同じく デスクトップ通知の表示の動作については、同タブ内にある [Notification] で確認できます。
メモ
- Chrome 77 で動作することを確認した。
- Firefox 69 で動作することを確認した。