1

我正在尝试使用 Service Worker 为 Web 推送通知设置演示。在服务工作者 sw.js 中，我有以下代码。

var title = 'Yay a message.';
var body = 'We have received a push message.';
var icon = 'icon.png';
var tag = 'simple-push-demo-notification-tag';

console.log("Hello!");

self.addEventListener('push', function(event) {
event.waitUntil(
    self.registration.showNotification(title, {
        body: body,
        icon: icon,
        tag: tag
    })
);
});

这工作正常。我希望收到我通过推送cURL请求发送的数据，例如title等等。有什么方法可以在此waitUntil方法中获取所有数据吗？

非常感谢任何帮助。

4

2 回答 2

3

有两种方法：

  1. 推送有效负载（例如https://serviceworke.rs/push-payload.html）。这更复杂，目前仅在 Firefox 和 chrome v50 中受支持。您可以将有效负载附加到推送消息并通过事件的数据属性访问它（https://developer.mozilla.org/en-US/docs/Web/API/PushMessageData）。

有效载荷需要加密（https://datatracker.ietf.org/doc/html/draft-thomson-webpush-encryption-01），强烈建议使用库来处理加密细节（例如，对于 Node. js https://github.com/marco-c/web-push）。

在这种情况下，推送事件处理程序将是（假设有效负载作为 JSON 消息发送）：

    var data = event.data.json();

    event.waitUntil(
      self.registration.showNotification(data.title, {
        body: data.body,
        icon: data.icon,
        tag: data.tag,
      })
    );

  1. 向您的服务器发出 GET 请求以获取数据。例如，假设您的服务器返回 JSON 响应：

    event.waitUntil(
  fetch('someURL')
  .then(response => response.json())
  .then(data =>
    self.registration.showNotification(data.title, {
      body: data.body,
      icon: data.icon,
      tag: data.tag,
    })
  )
);
于 2016-01-20T13:26:22.967 回答
0

等到 Chrome 49 出来：2016 年 3 月 8 日

就像这篇文章中说的：https ://www.chromestatus.com/features/5746279325892608 ，chrome将实现payloads

于 2016-01-26T13:47:35.627 回答