接收到无效的JSON负载。未知名称click_action

Question

所以我现在正在开发一个PWA。

我现在正在处理推送通知，并且已经能够通过以下非常简单的JSON结构接收后台和前台通知。

{
  "message":{
    "token":"aValidToken",
    "notification": {
      "title": "New Content!",
      "body": "A new video has been uploaded."
    }
  }
}

{
  "message":{
    "token":"aValidToken",
    "notification": {
      "title": "New Content!",
      "body": "A new video has been uploaded.",
      "click_action":"https://www.google.com.ar/"
    }
  }
}

{
    "error": {
        "code": 400,
        "message": "Invalid JSON payload received. Unknown name \"click_action\" at 'message.notification': Cannot find field.",
        "status": "INVALID_ARGUMENT",
        "details": [
            {
                "@type": "type.googleapis.com/google.rpc.BadRequest",
                "fieldViolations": [
                    {
                        "field": "message.notification",
                        "description": "Invalid JSON payload received. Unknown name \"click_action\" at 'message.notification': Cannot find field."
                    }
                ]
            }
        ]
    }
}

最后，我尝试在setBackgroundMessageHandler中硬编码图标和click_action，但没有成功。如果不显示图标，则单击通知时不会发生任何情况。

messaging.setBackgroundMessageHandler( (notif) => {

  const notificationTitle = notif.notification.title;
  const notificationOptions = {
    body : notif.notification.body,
    icon : '/assets/icon/icon72x72.png',
    click_action : 'https://www.google.com.ar/'
  };

  return self.registration.showNotification(notificationTitle, notificationOptions);
});

这纯粹是一个Ionic PWA项目，意在移动浏览器和桌面上运行。我会很感激你给我的每一个小费！谢谢！

Answer 1

您可以使用正在使用的API定义图标，但您的负载需要是：

{
  "message": {
    "token": "aValidToken",
    "webpush": {
      "notification": {
        "title": "New Content!",
        "body": "A new video has been uploaded.",
        "icon": "your_icon"
      }
    }
  }
}

您可以在这里找到有关webpush通知字段的更多信息。

请注意，您提到的大多数其他字段（优先级、声音、徽章）在任一API的web上都不受支持。

编辑（2018年5月10日）：新API现在支持所有通知属性（优先级、图标、声音、徽章等）。有关详细信息，请参阅本指南。