使用Javascript向Google Chrome推送通知发送数据/有效负载

Question

我正在工作的谷歌Chrome推送通知，我正在尝试发送有效负载到谷歌Chrome工作者，但我不知道我如何接收这个有效负载。

我有一个API可以在数据库中创建和保存通知，我需要通过https://android.googleapis.com/gcm/send发送值，并在worker.js上接收

这是我的工作人员。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的

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，但这是未定义的。

有人有什么想法或建议吗？

Answer 1

要检索该数据，需要将“event.data.text（）”解析为一个JSON对象。我猜自从你试着让它起作用后，有些东西被更新了，但它现在起作用了。倒霉！

然而，由于我是在自己寻找解决方案的时候写到这篇文章的，其他人可能会喜欢一个可行的答案。这里是：

// 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。我建议也这么做。