我正在实现 Webpush ruby gem向我网站的用户发送推送通知。
服务器代码:
Webpush.payload_send({
message: notification.message,
url: notification.url, # I can't figure out how to access this key
id: notification.id, # or this key from the service worker
endpoint: endpoint,
p256dh: p256dh_key,
vapid: vapid_keys,
ttl: 24 * 60 * 60,
auth: auth_key,
})
我在客户端设置了一个 service worker 来显示通知并使其可点击。
self.addEventListener("push", function (event) {
var title = (event.data && event.data.text()) || "New Message";
event.waitUntil(
self.registration.showNotification(title, {
body: "New push notification",
icon: "/images/logo@2x.png",
tag: "push-notification-tag",
data: {
url: event.data.url, // This is returning null
id: event.data.id // And this is returning null
}
})
)
});
self.addEventListener('notificationclick', function(event) {
event.notification.close();
event.waitUntil(
clients.openWindow(event.data.url + "?notification_id=" + event.data.id)
);
})
一切正常,除了我正在传递的自定义键(url
、id
)无法从 service worker 中访问。
有谁知道如何通过 WebPush gem 传递自定义数据?
最佳答案
来自Webpush (with a payload) documentation ,似乎您应该使用 JSON.stringify()
方法将所有数据放入消息中,并使用 JSON.parse()
在服务 worker 中检索它.
服务器:
Webpush.payload_send({
message:JSON.stringify({
message: notification.message,
url: notification.url,
id: notification.id,
}),
endpoint: endpoint,
p256dh: p256dh_key,
vapid: vapid_keys,
ttl: 24 * 60 * 60,
auth: auth_key,
})
客户:
event.waitUntil(
self.registration.showNotification(title, {
body: "New push notification",
icon: "/images/logo@2x.png",
tag: "push-notification-tag",
data: {
url: JSON.parse(event.message).url
}
})
关于javascript - 单击网络推送通知时打开自定义 url,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43986805/