GIF89a
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <h2>Firebase Web Push Notification Example</h2> <p id="token"></p> <script src="https://www.gstatic.com/firebasejs/7.14.6/firebase-app.js"></script> <script src="https://www.gstatic.com/firebasejs/7.14.6/firebase-messaging.js"></script> <script> var firebaseConfig = { apiKey: "AIzaSyBNX4fBbzA8o7HkR4lVw3GEI2bXdgKYE3U", authDomain: "viralscripts-7d387.firebaseapp.com", databaseURL: 'https://viralscripts-7d387.firebaseio.com', projectId: "viralscripts-7d387", storageBucket: "viralscripts-7d387.appspot.com", messagingSenderId: "844370344992", appId: "1:844370344992:web:6c4b3c0e08c0d93342d045", measurementId: "G-LHVZM1MTRS" }; firebase.initializeApp(firebaseConfig); const messaging=firebase.messaging(); function IntitalizeFireBaseMessaging() { messaging .requestPermission() .then(function () { console.log("Notification Permission"); return messaging.getToken(); }) .then(function (token) { console.log("Token : "+token); document.getElementById("token").innerHTML=token; }) .catch(function (reason) { console.log(reason); }); } messaging.onMessage(function (payload) { console.log(payload); const notificationOption={ body:payload.notification.body, icon:payload.notification.icon }; if(Notification.permission==="granted"){ var notification=new Notification(payload.notification.title,notificationOption); notification.onclick=function (ev) { ev.preventDefault(); window.open(payload.notification.click_action,'_blank'); notification.close(); } } }); messaging.onTokenRefresh(function () { messaging.getToken() .then(function (newtoken) { console.log("New Token : "+ newtoken); }) .catch(function (reason) { console.log(reason); }) }) IntitalizeFireBaseMessaging(); </script> </body> </html>