Service Workers について言えば、プッシュ通知が到着すると、それらの通知でユーザーのクリックを処理できます。
たとえば、まだ開いていない場合は、ブラウザーの新しいタブで URL を開きます。しかし、(HomeScreen に追加された) デスクトップ Web アプリがある場合、どうすればそれを開くことができるでしょうか?
self.addEventListener('notificationclick', function(event) {
console.log('Notification click: tag ', event.notification.tag);
event.notification.close();
var url = 'https://youtu.be/gYMkEMCHtJ4';
event.waitUntil(
clients.matchAll({
type: 'window'
})
.then(function(windowClients) {
for (var i = 0; i < windowClients.length; i++) {
var client = windowClients[i];
if (client.url === url && 'focus' in client) {
return client.focus();
}
}
if (clients.openWindow) {
return clients.openWindow(url);
}
})
);
});
このコードでは、clients.openWindow(url); 常にブラウザでアプリを開きます。