JavaScript
通知API

構文

• Notification.requestPermission（ コールバック ）
• Notification.requestPermission（）。then（ callback 、 rejectFunc ）
• 新しい通知（ タイトル 、 オプション ）
• 通知 .close（）

備考

通知の送信を要求する

Notification.requestPermissionを使用して、当社のウェブサイトから通知を受け取るかどうかをユーザーに尋ねます。

Notification.requestPermission(function() {
    if (Notification.permission === 'granted') {
        // user approved.
        // use of new Notification(...) syntax will now be successful
    } else if (Notification.permission === 'denied') {
        // user denied.
    } else { // Notification.permission === 'default'
        // user didn’t make a decision.
        // You can’t send notifications until they grant permission.
    }
});

Firefox 47以降.requestPermissionメソッドは、許可を与えるというユーザの決定を処理するときにも約束を返すことができます

Notification.requestPermission().then(function(permission) {
    if (!('permission' in Notification)) {
        Notification.permission = permission;
    }
    // you got permission !
    }, function(rejection) {
    // handle rejection here.
    }
);

通知の送信

ユーザーが通知を送信するための許可のリクエストを承認した後、ユーザーにHelloと言う簡単な通知を送信できます。

new Notification('Hello', { body: 'Hello, world!', icon: 'url to an .ico image' });

これにより、次のような通知が送信されます。

こんにちは

こんにちは世界！

通知を閉じる

.close()メソッドを使用して通知を閉じることができます。

let notification = new Notification(title, options);
// do some work, then close the notification
notification.close()

setTimeout関数を使用して、将来通知を自動的に閉じることができます。

let notification = new Notification(title, options);
setTimeout(() => {
    notification.close()
}, 4000);

上記のコードは、4秒後に通知を生成して閉じます。

通知イベント

通知API仕様では、通知によって起動できる2つのイベントがサポートされています。

1. clickイベント。

このイベントは、通知本体をクリックすると実行されます（Xおよび通知の終了ボタンを除く）。

例：

notification.onclick = function(event) {
    console.debug("you click me and this is my event object: ", event);
}

2. errorイベント

表示できないなど、何か問題が発生したときに通知がこのイベントを発生させます

notification.onerror = function(event) {
    console.debug("There was an error: ", event);
}