How do I handle the notification click event using FCM?

[vkm28]

Apart from initial notification handling like
messaging.setBackgroundMessageHandler(function(payload)

how do I add the listener when user clicks on it? I know if I set the "click_action" it will handle it automatically. But I have to do something extra like tracking when user clicks on it and then launch the click_action.
I know with web push, we can do it via
self.addEventListener('notificationclick', function(event) {

but what is equivalent in FCM SDK? or the self.addEventListener('notificationclick', function(event) { will work with FCM SDK also?

also how do I listen to dismiss/close event like with below when using without FCM SDK?
self.addEventListener('notificationclose', function(event) {

[cheneytsai]

Potential bugs with the SDK aside (please file if so!):

In your sw.js file, you should able to set up your own listeners for 'notificationclick' and 'notificationclose'. For the latter, the SDK code doesn't have a listener, so there shouldn't be a conflict.

For' notificationclick', the sdk does have a listener with StopImmediatePropagation, so where you have the eventHandler in relation to importScripts('...') will matter.

Per the code in the firebase-js-sdk StopImmediatePropagation should only occur if you send a push notification with a notification payload. FCM would take it from there.

[JosefJezek]

@vkm28 send message without notification