PushEvent
Experimental: これは実験的な機能です。
本番で使用する前にブラウザー互換性一覧表をチェックしてください。
Push API の PushEvent
インターフェースは、受け取ったプッシュメッセージを表します。このイベントは、ServiceWorker
の グローバルスコープに送信されます。これは、アプリケーションサーバーから PushSubscription
に送信された情報を含みます。
コンストラクタ
PushEvent.PushEvent()
- 新しい
PushEvent
オブジェクトを生成します。
プロパティ
親である ExtendableEvent
からプロパティを継承しています。追加プロパティ:
PushEvent.data
読取専用PushSubscription
に送信されたデータを含むPushMessageData
オブジェクトへの参照を返します。
メソッド
親である ExtendableEvent
からメソッドを継承しています。
例
次の例は、PushEvent
からデータを取得して、すべての service worker クライアントで表示しています。
self.addEventListener('push', function(event) {
if (!(self.Notification && self.notification.permission === 'granted')) {
return;
}
var data = {};
if (event.data) {
data = event.data.json();
}
var title = data.title || "Something Has Happened";
var message = data.message || "Here's something you might want to check out.";
var icon = "images/new-notification.png";
var notification = new self.Notification(title, {
body: message,
tag: 'simple-push-demo-notification',
icon: icon
});
notification.addEventListener('click', function() {
if (clients.openWindow) {
clients.openWindow('https://example.blog.com/2015/03/04/something-new.html');
}
});
});
仕様
仕様 | 状態 | コメント |
---|---|---|
Push API PushEvent の定義 |
草案 | 初期定義。 |
ブラウザー実装状況
BCD tables only load in the browser