Question

我正在向Postman发送推送通知。

我已经设置了授权和内容类型标头，我的主体看起来像这样：

{
    "to" : "faecDTf47y4:APA91bEsGFDeKQtifs-XXXXXXXXXXXXXXXXXXXXXXXXXXX", 

    "notification": {
        "title": "Hello",
        "body": "World!",
        "icon": "/images/favicon.png"
  }

}

当我提交帖子请求时，我收到以下JSON响应：

{
    "multicast_id": XXXXXXXXXXXXX,
    "success": 1,
    "failure": 0,
    "canonical_ids": 0,
    "results": [
        {
            "message_id": "0:XXXXXXXXXXXXXXXXXXXXXXXX"
        }
    ]
}

因此，看起来它已成功发送，但似乎通知实际上并没有被解雇。

我遵循本教程：https://youtu.be/BsCBCudx58g?t=337 到目前为止，一切都在进行，直到我用onMessage（）函数读取通知。

我的服务工作人员看起来像这样：

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

// Initialize Firebase
var config = {
    apiKey: "AIzaSyDRXXXXXXXXXXXXXXXXXXXXX",
    authDomain: "XXXXXXXXXXXXXX.firebaseapp.com",
    databaseURL: "https://XXXXXXXXXX.firebaseio.com",
    projectId: "XXXXXXXXXXXXXX",
    storageBucket: "XXXXXXXXXXXXXX.appspot.com",
    messagingSenderId: "XXXXXXXXXXXXX"
};
firebase.initializeApp(config);

const messaging = firebase.messaging();

我的main.js看起来像这样：

// Initialize Firebase
var config = {
    apiKey: "AIzaSyDRXXXXXXXXXXXXXXXXXXXXX",
    authDomain: "XXXXXXXXXXXXXX.firebaseapp.com",
    databaseURL: "https://XXXXXXXXXXXXXX.firebaseio.com",
    projectId: "XXXXXXXXXXXXXX",
    storageBucket: "XXXXXXXXXXXXXX.appspot.com",
    messagingSenderId: "XXXXXXXXXXXXXX"
};
firebase.initializeApp(config);

navigator.serviceWorker
.register('/site/serviceworker-firebase-messaging.js', { scope: '/site/' })
.then(function(registration) {

console.log("◕◡◕ Firebase Service Worker Registered");
const messaging = firebase.messaging();
messaging.useServiceWorker(registration);
messaging.requestPermission()
.then(function() {
    console.log('Firebase has permission.');
    return messaging.getToken();
}).
then (function(token) {
    console.log('Firebase messaging Token', token);
})
.catch(function(err) {
    console.log('Firebase has encountered an error.', err);
});

messaging.onMessage(function(payload) {
    console.log('onMessage: ', payload);
});

});

我在Chrome中测试。

修改

当我不在我的网络应用程序所在的选项卡上时，我会在收到邮递员时收到通知。它只是弹出并说＆＃34;此网站已在后台更新。＆＃34; 但它没有我的消息/标题/图标。

Answer 1

尽管这个问题有点老了，OP已经在评论中回答了这个问题，但如果有帮助，我会添加这个答案：

onMessage事件仅在打开并选择（活动）网站选项卡后才触发，因此您可以按所需方式处理传入的通知。
但是如果该选项卡未处于活动状态，则浏览器将处理传入的通知，并且不会触发onMessage事件。

Answer 2

当应用程序在后台运行时，会触发messages.setBackgroundMessageHandler（function（payload）。

已发送Firebase推送通知，但onMessage（）未触发

2 个答案: