Question

截至目前，Chrome不支持传递其他数据来推送从GCM收到的通知。因此，每当收到推送通知时，我都必须从我的服务工作者执行fetch。到目前为止，非常好。

但是：我需要在fetch中执行的http请求中包含一个请求参数。如何告诉服务人员我的参数？

到目前为止我尝试了什么

使用postMessage告诉我的服务工作者请求参数：

var serviceWorkerData = {};

self.addEventListener('message', function (evt) 
{
    console.log('service worker received', evt.data);

    serviceWorkerData = evt.data.myData;
});

self.addEventListener('push', function(event)
{
    event.waitUntil
    (
        fetch("http://my.url", {
            method: 'post',
            body: 'myData=' + serviceWorkerData
        }).then(function(response)
        {
            //...
        })
    );
});

为什么这不起作用

但这不是持久的，即在我关闭浏览器并再次打开它之后，我的serviceWorkerData就丢失了。 localStorage在服务工作者中不可用，那么如何在此处获得持久性？

Answer 1

您可以使用IndexedDB。

https://github.com/mozilla/localForage如果你想为IndexedDB建立一个更简单的接口。

您可以使用importScripts导入服务工作者中的localForage lib，例如，请参阅：https://github.com/marco-c/mercurius/blob/master/static/sw-push.js。

如何在服务工作者中保留数据

1 个答案: