Firebase message, onMessage not being invoked

Question

This is how I am calling sending message:

  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);
    })
  }

This is my onMessage:

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

But it does not go into the above code block. Currently I am testing when the application is opened and it has focus.

score -3 · Accepted Answer · answered Apr 28 '18 at 15:26

-3

The service worker is also used for the 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);
});

answered Apr 28 '18 at 15:26

Noman

887
1
15
34

How do you mean that? Ther is no onMessage triggered in your example? – Stefan Sprenger Jan 20 '19 at 16:42
this example is for notifications that shows when the app is on the background. the question was about a foreground app update using the method onMessage. – Abdel Feb 06 '19 at 08:53
1

This is not an answer to the question – Halil Jul 11 '19 at 21:35
2

I think what Norman is saying is onMessage requires the backgroundMessageHandler to be set for the onMessage functionality on the site to work – Nemesarial Dec 12 '19 at 07:11
Thank you Nemesarial. I think that's correct. Its been a while since I did this. – Noman Feb 24 '20 at 13:41

Firebase message, onMessage not being invoked

1 Answers1

Linked