firebase-messaging-sw.js

/* eslint-disable no-undef */
importScripts('https://www.gstatic.com/firebasejs/8.10.1/firebase-app.js');
importScripts('https://www.gstatic.com/firebasejs/8.10.1/firebase-messaging.js');

const firebaseConfig = {
    apiKey: "AIzaSyBgRI7QrEqlrtj94hZ-MKtYc77XunOc_9w",
    authDomain: "paws-b9b64.firebaseapp.com",
    projectId: "paws-b9b64",
    storageBucket: "paws-b9b64.appspot.com",
    messagingSenderId: "610215952536",
    appId: "1:610215952536:web:4f832813ef5d58acb010ed",
    measurementId: "G-3TBQ0B47KK"
};

firebase.initializeApp(firebaseConfig);

const messaging = firebase.messaging();

messaging.onBackgroundMessage((payload) => {
    console.log('[firebase-messaging-sw.js] Received background message ', payload);

    const notificationTitle = payload.notification.title;
    const notificationOptions = {
        body: payload.notification.body,
        icon: './notification_icon.ico'
    };

    // eslint-disable-next-line no-restricted-globals
    self.registration.showNotification(notificationTitle,
        notificationOptions);
});