Push web api，notificationclick，如何打开桌面客户端而不是打开新的浏览器客户端

Posted 2023-03-14

【中文标题】Push web api，notificationclick，如何打开桌面客户端而不是打开新的浏览器客户端

【英文标题】：Push web api, notificationclick, how to open desktop client instead opening a new browser client

【发布时间】：2016-07-31 09:38:27

【问题描述】：

说到Service Worker，当推送通知到达时，我们可以处理用户在这些通知中的点击，

例如，如果尚未打开，则在浏览器的新选项卡中打开该 url。 但是如果我们有一个桌面网络应用程序（添加到 HomeScreen），我们如何打开它？

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);将始终在浏览器中打开应用程序。

【问题讨论】：

“桌面网络应用程序”是什么意思？ （另外，作为参考：在移动设备上，如果该网站已被添加到主屏幕，则在移动设备上点击通知将打开全屏 bugs.chromium.org/p/chromium/issues/detail?id=541711 登陆。）

你解决了这个问题吗？我也在努力解决它

【参考方案1】：

目前还没有办法使用 URL 方案（即使用 clients.openWindow()）启动打包的应用程序...。有一个活动的 proposal 允许使用自定义 URL 方案 chrome-app://APP_ID 启动应用程序。

解决这个问题的一种方法（基于@kzahel 的提议）是使用带有注册上下文菜单的扩展程序，然后以某种方式告诉扩展程序打开应用程序。