问题描述
我正在处理 Google Chrome 推送通知，我正在尝试将有效负载发送给 google chrome 工作人员，但是，我不知道我是如何接收此有效负载的.
I'm working on the Google Chrome Push Notification and I'm trying to send the payload to the google chrome worker but, I have no idea how I receive this payload.
我有一个 API 可以在我的数据库中创建和保存通知，我需要通过 https://android.googleapis.com/gcm/send 发送值并在工作人员上接收.js
I have an API to create and save the notifications in my database and I need send the values through the https://android.googleapis.com/gcm/send and receive on the worker.js
这是我的 worker.js
This is my worker.js
self.addEventListener('push', function(event) {
var title = 'Yay a message.';
var body = 'We have received a push message.';
var icon = '/images/icon-192x192.png';
var tag = 'simple-push-demo-notification-tag';
event.waitUntil(
self.registration.showNotification(title, {
body: body,
icon: icon,
tag: tag
})
);
});
这就是我调用 GCM 的方式
And this is how I'm calling the GCM
curl --header "Authorization: key=AIzaSyDQjYDxeS9MM0LcJm3oR6B7MU7Ad2x2Vqc" --header "Content-Type: application/json" https://android.googleapis.com/gcm/send -d "{ "data":{"foo":"bar"}, "registration_ids":["APA91bGqJpCmyCnSHLjY6STaBQEumz3eFY9r-2CHTtbsUMzBttq0crU3nEXzzU9TxNpsYeFmjA27urSaszKtA0WWC3yez1hhneLjbwJqlRdc_Yj1EiqLHluVwHB6V4FNdXdKb_gc_-7rbkYkypI3MtHpEaJbWsj6M5Pgs4nKqQ2R-WNho82mnRU"]}"
我试图获取 event.data 但是，这是未定义的.
I tried to get event.data but, this is undefined.
有没有人有任何想法或建议?
Does anyone have any idea or sugestion?
推荐答案
要检索该数据，您需要将event.data.text()"解析为 JSON 对象.我猜自从你试图让它工作以来，有些东西已经更新了，但现在它可以工作了.倒霉！
To retrieve that data, you need to parse "event.data.text()" to a JSON object. I'm guessing something was updated since you tried to get this to work, but it works now. Unlucky!
然而，由于我是在自己寻找解决方案时看到这篇文章的，其他人可能会想要一个有效的答案.这是:
However, since I made it to this post when searching for a solution myself, others would probably like a working answer. Here it is:
// Push message event handler
self.addEventListener('push', function(event) {
// If true, the event holds data
if(event.data){
// Need to parse to JSON format
// - Consider event.data.text() the "stringify()"
// version of the data
var payload = JSON.parse(event.data.text());
// For those of you who love logging
console.log(payload);
var title = payload.data.title;
var body = payload.data.body;
var icon = './assets/icons/icon.ico'
var tag = 'notification-tag';
// Wait until payload is fetched
event.waitUntil(
self.registration.showNotification(title, {
body: body,
icon: icon,
tag: tag,
data: {} // Keeping this here in case I need it later
})
);
} else {
console.log("Event does not have data...");
}
}); // End push listener
// Notification Click event
self.addEventListener('notificationclick', function(event) {
console.log("Notification Clicked");
}); // End click listener
就我个人而言，我将创建一个通用"通知，以防我的数据有问题，并且还将使用 try/catch.我建议也这样做.
Personally, I will be creating a "generic" notification in case my data is funky, and will also be using try/catch. I suggest doing the same.
这篇关于使用 Javascript 将数据/有效负载发送到 Google Chrome 推送通知的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！