从后台处理程序中运行的firebase云消息传递自定义通知

时间:2017-07-21 23:58:56

标签: javascript firebase web-applications firebase-cloud-messaging service-worker

如何自定义Web应用程序中Firebase后台处理程序创建的通知?

一些示例代码,包含我的编辑,如下所示:

messaging.setBackgroundMessageHandler(function(payload) {
  console.log('[firebase-messaging-sw.js] Received background message ', payload);

  // Customize notification here
  const data = payload.data;
  const click_action = "https://www.google.com";
  const notificationTitle = data.title;
  const notificationOptions = {
    "body": data.body,
    "icon": "icon.png",
    "click_action": click_action
  };

  const timeout = data.timeout;

  // var n = new Notification(notificationTitle, notificationOptions);
  // n.onclick = function () {
  //   if (click_action !== null) {
  //     window.open(click_action);
  //   }
  // };
  // setTimeout(n.close.bind(n), 5000);

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

我想设置超时选项。当我在内容脚本中创建通知时,我使用注释掉的代码,允许我指定超时。但是,我不能在这里应用相同的技术。

我还想自定义点击操作。在通知选项对象中指定click_action键对我没有任何作用。在内容脚本中,我将添加一个onClickListener。

总的来说,我需要一种方法来添加点击监听器并自定义超时持续时间。

1 个答案:

答案 0 :(得分:0)

通过向您的JSON有效内容添加"time_to_live" : 3,可以指定FCM中邮件的生命周期。

您可以在此处查看有关详细信息 https://firebase.google.com/docs/cloud-messaging/concept-options#ttl

希望这有帮助