javascript - notificationclick 事件服务 worker

标签 javascript push-notification service-worker workbox


我正在与 service worker 合作,在我的用户之间显示通知。在我的代码中,我包含了 notificationclick 事件。对于这个事件,我试图处理两个案例。第一种情况,如果在我的浏览器中我的网站页面正在打开,请不要打开它,而是专注于它。第二种情况,如果我的浏览器没有显示我的网站,请打开它并关注它。但是我没有成功...

这是我当前的代码:

self.addEventListener('notificationclick', function (e) {
    console.log('notification was clicked')
    var notification = e.notification;
    var action = e.action;

    if (action === 'close') {
        notification.close();
    } else {
        // This looks to see if the current is already open and
        // focuses if it is
        e.waitUntil(
            self.clients.matchAll().then(function(clientList) {
                console.log(clientList)
                if (clientList.length > 0) {
                    console.log(clientList[0])
                    return clientList[0].focus();
                }
                return self.clients.openWindow('/');
            })
       );
   };
});

最佳答案

self.addEventListener("notificationclick", (event) => {
    event.waitUntil(async function () {
        const allClients = await clients.matchAll({
            includeUncontrolled: true
        });
        let chatClient;
        let appUrl = 'xyz';
        for (const client of allClients) {
        //here appUrl is the application url, we are checking it application tab is open
            if(client['url'].indexOf(appUrl) >= 0) 
            {
                client.focus();
                chatClient = client;
                break;
            }
        }
        if (!chatClient) {
            chatClient = await clients.openWindow(appUrl);
        }
    }());
});

关于javascript - notificationclick 事件服务 worker ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52225110/

相关文章:

javascript - 桌面和移动 Angular 的不同 View

android - 当我尝试在 Android Studio 2 中集成 SDK 时出现 OneSignal 问题

javascript - 在 chrome 中获取并显示来自 serviceworker 的推送数据

javascript - 为范围 ('https://.xxx.net/firebase-cloud-messaging-push-scope' 注册 ServiceWorker 失败)

javascript - GMAIL 如何有一个显示未读邮件数的图标?

javascript_include_tag :application loads javascripts twice in development environment

javascript - 添加新 HTML 项目后丢失事件触发

android - NotificationChannel 名称和描述的用途

javascript - 是否可以仅使用 jquery/ajax 构建推送通知系统?

google-chrome - 我如何读取 service worker 中的 pushSubscription.endpoint?