Firebase javascript后台服务工作者通知图标未显示

Question

我的firebase-messaging-sw.js工作正常，可以显示背景通知，但是当notification.title和notification.click_action正常工作时，它没有显示图标。

这是我的服务工作者的messaging.setBackgroundMessageHandler

messaging.setBackgroundMessageHandler(function (payload) {
console.log('[firebase-messaging-sw.js] Received background message ', payload);
// Customize notification here
const notificationTitle = 'Background Message Title';
const notificationOptions = {
    body: 'Background Message body.',
    icon: '/image/logo.png'
};

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

}）;

这是我放置图标的地方

这是结果

感谢您抽出时间提供帮助。

Answer 1

尝试几天后，我通过添加来解决问题 FCM Server Post请求正文中的{"icon":"/image/logo.png"}，而不是默认情况下将其放在firebase-messaging-sw.js中。

IIS服务器需要为托管的Web项目提供静态内容，以便logo.png可以公开。

这是我更新的JSON格式的帖子请求正文

{ 
"notification": {
    "title": "New Appointment Requested",
    "body": "5 to 1",
    "icon": "/image/logo.png",
    "click_action": "<host>/subpage"
},
 "to": "token"
}

Answer 2

将您的图片放在根目录中并检查。

请参阅此网址

https://github.com/firebase/quickstart-js