Our website: https://shinerweb.com/
Set up a JavaScript Firebase Cloud Messaging client app for your website
Blog link: https://shinerweb.com/how-to-send-push-notification-to-web-browser-by-using-firebase/
Step 1: Go to https://firebase.google.com/
Step 2: Click on Get Started
Step 3: Click on Add project
Step 4: Create project name like Web push notification and click on Continue
Step 5: Click on Web code button
Step 6: Add your app name and click on Register app
Note*: You must have https domain then and then you can create your web push notification for your website
Step 7: Now we are creating one folder notification inside www folder
Step 8: After that you need to create one file like my_application.html
Step 9: One more file you need to create like send_notification.php
Step 10: After creating above two files you must have to create one file firebase-messaging-sw.js at root level
Step 11: Now finally we need to test our notification so we follow below link with open my_application.html file
Step 12: Now send notification from send_notification.php file
Note* : Copy past token which you generated from my_application.html file
#firebase #web #notification #cloud #messaging
🔔 Subscribe for more YouTube videos.
/shinerweb
//Recommended videos:
▶️ How to send firebase web push notification to multiple devices – /watch/09Q4IKGjPN7j4
▶️ How to create cron job in laravel – /watch/cDEYLlLWCljWY
▶️ How to create web push notification for website – /watch/YvIkg5kaLFWak
▶️ how to fix http error 500 – /watch/QBVltmiPqhNPl
▶️ Subdomain not working – /watch/U2Y5NwJcCCsc5
//Let’s Connect:
👉 Subscribe: (/shinerweb)
👉 Twitter: (https://www.twitter.com/shiner_web/)
👉 Facebook: (https://www.facebook.com/shinerweb/)
👉 Instagram: (https://www.instagram.com/shinerweb_official/)
👉 Website/Blog: (https://www.shinerweb.com/)
//About us:
Here we’re provides technical solutions related website development and mobile app development. We are highly updating people using our channel with current affairs, social news, political news and with the new features of updated applications. Here you will get chance to connect yourself with digital world.
//Disclaimer:
Links included in this description might be affiliate links. If you purchase a product or service with the links that I provide, I may receive a small commission. There is no additional charge to you! Thank you for supporting us so We can continue to provide you with free content each week!