渐进式Web应用程序中的重定向

时间:2016-06-23 08:13:34

标签: javascript angularjs service-worker progressive-web-apps

我正在尝试通过点击进行重定向到渐进式网络应用中的特定网址,但它不会重定向。

案例1:如果未将Web应用程序添加到主屏幕,则会在通知时单击浏览器窗口打开并重定向到所需的URL。

案例2:如果将Web应用程序添加到主屏幕,则登录页面是主页而不是所需的URL。

self.addEventListener('notificationclick', function(event) {
        event.notification.close();
        event.waitUntil(
                clients.matchAll({
                        type: "window"
                }).then(function(clientList) {
                        console.log(clientList);
                        for (var i = 0; i < clientList.length; i++) {
                                var client = clientList[i];
                                if (client.url == '/' && 'focus' in client)
                                        return client.focus();
                        }
                        if (clients.openWindow) {
                                if (event.notification.tag == 'syncTest') {
                                        console.log(event);
                                        var url = '/#/view-car?start_time=' + getFinalData[0].start_time + '&end_time=' + getFinalData[0].end_time + '&pickup_venue=' + getFinalData[0].pickup_venue;
                                        return clients.openWindow(url);
                                } else {
                                        var url = '/#/list-venues?start_time=' + getFinalData[0].start_time + '&end_time=' + getFinalData[0].end_time + '&car=' + getFinalData[0].car + '&fuel=' + getFinalData[0].fuel;
                                        console.log(url);
                                        return clients.openWindow(url);
                                }
                         }
                })
        );
});

提前感谢你!#。

1 个答案:

答案 0 :(得分:5)

您可以使用以下内容:

if (client.url == 'yourUrl' && 'focus' in client)
     return client.focus();
else{
     client.navigate('yourUrl').then(function(c){
           return c.focus();
    });     
}

这对我有用。还有其他方法。