Webアプリケーションがあります。ユーザーが特定のページにいるときにサーバーからプッシュ通知を行うために、HTML 5に組み込まれた通知APIを使用したいと思います。出来ますか?
Chromeを使用して、今日のWebアプリで実際のプッシュ通知を行うことができます Service Workers および PushManager から W3C Push API 。
使用できるステップバイステップのハウツーとコードスニペットについては、記事 Push Notifications on the Open Web を参照してください。この記事の図は、UIがどのように見えるかを説明しています。
Push APIの実装は既にFirefoxに上陸しています ; Firefox 42で2015年11月に出荷される予定です。また、Microsoftは Push APIもEdgeチームでの実装を検討中であることを示しています も提供しています。
以下は、MDNから借用した簡単なコード例です。
this.onpush = function(event) {
console.log(event.data);
}
navigator.serviceWorker.register('serviceworker.js').then(
function(serviceWorkerRegistration) {
serviceWorkerRegistration.pushManager.subscribe().then(
function(pushSubscription) {
console.log(pushSubscription.subscriptionId);
console.log(pushSubscription.endpoint);
}, function(error) {
console.log(error);
}
);
});
何を達成したいかによって異なります。