go to website from web notification firebase

manpreet Best Answer 2 years ago

I build service that send web push notifications, with php and firebase. the notification works well, but I cant add link for send the user to another site. the request done with curl php. this event.data || event.data.notification always null.

self.addEventListener('notificationclick', function (event) {
    let nextUrl = event.notification.data.click_action; // ALWAYS NULL
    console.log('[Service Worker] Notification click Received.', nextUrl);
    event.notification.close();

    event.waitUntil(
        clients.openWindow(nextUrl)
    );
});

here is all the code.. firebase-messaging-sw.js

// [START initialize_firebase_in_sw]
importScripts('https://www.gstatic.com/firebasejs/5.5.9/firebase-app.js');
importScripts('https://www.gstatic.com/firebasejs/5.5.9/firebase-messaging.js');

// messagingSenderId.
firebase.initializeApp({
    'messagingSenderId': '***'
});

// messages.
const messaging = firebase.messaging();
// [END initialize_firebase_in_sw]

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

    // Customize notification here
    const notificationTitle = payload.data.title;
    const notificationOptions = {
        body: payload.data.body,
        icon: payload.data.icon,
        image: payload.data.image,
        click_action: payload.data.nextLink
    };

    return self.registration.showNotification(notificationTitle,
        notificationOptions);
});
// [END background_handler]

self.addEventListener('notificationclick', function (event) {
    let nextUrl = event.notification.data.click_action; // ALWAYS NULL
    console.log('[Service Worker] Notification click Received.', nextUrl);
    event.notification.close();

    event.waitUntil(
        clients.openWindow(nextUrl)
    );
});

self.addEventListener('install', event => {
    self.skipWaiting();
});

main.js

// Initialize Firebase
var config 
                                                

                                                                                                        REPLY
                                                    
                                                
                                                


                                                    

                                                        
                                                            0
                                                            views 

                                                            0
                                                                likes 
                                                            
                                                            

                                                            0
                                                            shares

                                                            


    

         Facebook
        
         Twitter
        
        
         Linked In 
        
          WhatsApp