Firebase 消息，未调用 onMessage

Question

这就是我调用发送消息的方式：

  sendMessage() {
    var key = 'VERY LONG KEY -dffdADFDFD-vdfDafd';
    var to = 'VERY LONG KEY -ADEWerew-vdfDafd';
    var notification = {
      'title': 'Portugal vs. Denmark',
      'body': '5 to 1'
    };

    fetch('https://fcm.googleapis.com/fcm/send', {
      'method': 'POST',
      'headers': {
        'Authorization': 'key=' + key,
        'Content-Type': 'application/json',
      },
      'body': JSON.stringify({
        'to': to,
        'notification': notification,
        'data': {
          'message': 'example'
        }
      })
    }).then(function (response) {
      console.log(response);
      response.json().then(function (result) {
        console.log(result);
      })
    }).catch(function (error) {
      console.error(error);
    })
  }

这是我的 onMessage：

  messaging.onMessage(function (payload) {
    console.log("Message received. ", payload);
  });

但它并没有进入上面的代码块。目前我正在测试应用程序何时打开并获得焦点。

Answer 1

Service Worker 也用于 onMessage：

/**
 * Check out https://googlechromelabs.github.io/sw-toolbox/ for
 * more info on how to use sw-toolbox to custom configure your service worker.
 */


'use strict';
//importScripts('./build/sw-toolbox.js');
importScripts('https://www.gstatic.com/firebasejs/4.8.1/firebase-app.js');
importScripts('https://www.gstatic.com/firebasejs/4.8.1/firebase-messaging.js');

firebase.initializeApp({
  'messagingSenderId': '147703423097'
});

const messaging = firebase.messaging();

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: '/firebase-logo.png'
  };

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