Implementing custom notification messages

In the previous recipes, we saw how we can send a normal notification. Let's add some controllers and also learn how to add some pictures to it so that we can prettify it a bit.

How to do it...

1. Now write the following code and add it to our earlier code over the messaging.setBackgroundMessageHandler() function. So, the end result will look something like this:

      // [*] Special object let us handle our Background 
           Push Notifications

   messaging.setBackgroundMessageHandler(function(payload) 
     {
        const notificationOptions = {
           body: payload.data.msg,
           icon: "images/icon.jpg",
           actions: [
              {
                 action : 'like',
                 title: 'Like',
                 image: '<link-to-like-img>'
              },
              {
                 action : 'dislike',
                 title: 'Dislike',
                 image: '<link-to-like-img>'
              }
       ...