FCM Chrome通知样式

时间:2018-05-06 09:00:18

标签: javascript google-chrome

您好我已经成功实施了FCM,firebase云消息传递。我想显示带有放大图像的通知,就像它在Image的演示中所提到的那样 https://web-push-book.gauntface.com/demos/notification-examples/

但通知始终显示为默认主题。下面是firebase-messaging-sw.js

importScripts("https://www.gstatic.com/firebasejs/4.13.0/firebase-app.js");
importScripts("https://www.gstatic.com/firebasejs/4.13.0/firebase-messaging.js");

var config = {
            apiKey: "API KEY",
            authDomain: "MY AUTH DOMAIN",
            databaseURL: "MY DB URL",
            projectId: "MY PROJECT",
            storageBucket: "MY STORAGE BUCKET",
            messagingSenderId: "809524248057"
        };
        firebase.initializeApp(config);

        const messaging = firebase.messaging();
        messaging.setBackgroundMessageHandler(function (payload) {
        var data = JSON.parse(payload);

        const title = data.title;
        const options = {
          image: data.icon
        };
        self.registration.showNotification(title, options);

        /*self.registration.showNotification(data.title, {
          body: data.body,
          icon: data.icon,
          click_action: data.click_action,
          time_to_live: data.time_to_live,
          data: data.data,
          tag: data.tag
      });*/
});

我是新手,所以可能我错过了一些东西。感谢任何帮助,谢谢

0 个答案:

没有答案