Firebase Send Push Notification JavaScript + PHP

[@mangacandota]

bro...how if multiple. we have many token of user devices...please

[@nicky77uk1]

Could this code be adapted to send the push notification to a device id in a android app?

[@benixal]

Yes, you can use the token received by the "onNewToken" method in your Android app to send push notifications (using PHP) to that device. firebase.google.com/docs/cloud-messaging/android/client#monitor-token-generation

[@dijup]

Great tutorial! Is it possible to adapt this to work with multiple devices as well? Also, could you provide a brief overview of the "Subscribe to Topic" feature?

[@Codebyakshay]

hey man can u help me get rid of this message ? notifications/:56 An error occurred while retrieving token: DOMException: Registration failed - push service error

[@frestalink]

Please make a video on this topic "Firebase Send Push Notification Android + PHP"

[@debcal2]

Thank you very much for this tutorial, can you Please inform how to send messages to multiple devices?

[@benixal]

Thanks for your comment! You're welcome! I haven't tried that, but you can check out this: firebase.google.com/docs/cloud-messaging/js/device-group

[@tresormalo5989]

I'm getting only id_token instead of access_token. Did i do something wrong ?

[@benixal]

Thanks for reaching out. The "$credential->fetchAuthToken" method generates an access_token, not an id_token. Could you clarify where you expected to get the ID token from?

[@maeil2024]

Thanks for the awesome tutorial. One question. It is possible to implement firebase multicast using php where we only sent a single api request to firebase for multiple targeted audience/devices/topic?

[@benixal]

Thanks for your comment! , Glad it was helpful! I haven't tried Firebase Multicast yet, but I know you can send messages to topics: `message": { "topic": "matchday", "notification": { "title": "Background Message Title", "body": "Background message body" ....` firebase.google.com/docs/cloud-messaging/js/send-multiple?hl=en&authuser=0#handle_messages_when_your_web_app_is_in_the_background and as far as I understand, for (web/javascript) you need to subscribe each token to a topic by using this api: `iid.googleapis.com` I will try, and if successful, I'll create a video about it.

[@maeil2024]

@@benixal Thanks for the feedback. Can't wait for the upcoming video 🙌🏻

[@TheRealNVT]

When my webpage is not in focus, notifications appear on the desktop (bottom right) is there anyway to turn this off

[@shubhrajit2117]

tysm buddy 💖 At 15:30 to open your desired url, just send a link or url data field from firebase console (see in additional options) and in your service worker use that (data.url or something else) instead of notif.click_action

[@kimgraa]

Great tutorial....does you have a tutorial for make it work on IOS too...

[@benixal]

Thank you! I don't currently have a tutorial for iOS, but I can consider creating one in the future.

[@alexnikolas4937]

The best tutorial I've ever seen. I'm very interested in whether it is possible to send a message to several recipients at one request

[@alexwmb611]

Thx a lot for your job ! Does it works even if the browser is close and not running in background ?

[@hakannnn7553]

How can i swnd notification to multiple tokens? can you send a sample code

[@skillpersian]

Hi, for CPANEL, there was a way to run without composer installation. I could not be a way?

[@benixal]

Hi, you don't need Composer on your CPanel. You just need PHP. You can install the dependencies locally, compress your PHP files (including the vendor folder), and upload them to your server.

[@MrZilcin]

Teşekkür ederim kardeşim, çok iyi bir anlatım. Günlerce çalışan bir kod bulamamıştım, ilk defa bir videoda anlatılanlar çalıştı. Genelde videoyu çeken arkadaş yapıyor ama biz yapınca çalışmıyordu. Şuan harika çalışıyor. Tekrar teşekkür ederim.

[@benixal]

Thank you for your kind words! I'm glad to hear the video helped you.

[@MangoJellySolutions]

Keep them coming my friend, as a content creator myself and teaching on youtube I can say from experience that your videos are amazing to get the content across. I am using these at work to help get certain things up and running on our systems and yours are straight to the point. Please keep going, the first 1K subscribers are the hardest then they just keep coming. Your doing an amazing job!

[@benixal]

Thank you so much for the encouraging words! I'm glad you find the videos helpful. Your support means a lot, and I'll definitely keep creating content. Cheers to reaching that 1K milestone and beyond! 🚀

[@suthinthamsuwan1943]

Many many many thanks for this video 👍👍👍

[@ShivamRanderi]

thanks it's very easy and working and also latest

[@aqibhanif4245]

@benixal i getting issue when genrate tokken .. permission denied an error occue while retriving token

[@soner-san]

What a wonderful tutorial, thank you for all your effort.👏

[@Basirafeef]

Thanks for sharing great knowledge sir, please make a video on how to implement fcm in android using Java and php.

[@benixal]

Thanks for your comment! I'm glad you found the video helpful, and for the Android, sure I will.

[@ayaaa3112]

i got this error when running "php send.php" cURL error 60: SSL certificate problem: unable to get local issuer certificate what should i do??

[@benixal]

Date and Time: Make sure your computer’s date and time are set correctly. Firewall: Check your firewall settings to make sure they’re not blocking anything. Proxy: If you’re using a proxy, make sure it’s set up correctly.

[@ayaaa3112]

@@benixal last week, notification was working perfectly. but this week its not working anymore it shown an error "No notification data found!" in service-worker.js. do you know why?

[@sourav12rav]

foreground message is not coming. I add the onMessage function but message is not coming. Only back groubd message I am receiving. What may be the issue?

[@benixal]

I think the issue might be because in the video I used a custom service worker that is only for receiving push notifications. To receive messages using the onMessage function when the web application is in the foreground, you need to use Firebase's default service worker. Clear the content of sw.js file completely and replace it with this (don't forget to clear cache): importScripts('www.gstatic.com/firebasejs/8.10.1/firebase-app.js'); importScripts('www.gstatic.com/firebasejs/8.10.1/firebase-messaging.js'); firebase.initializeApp({ apiKey: 'your-api-key', authDomain: 'your-project-id.firebaseapp.com', projectId: 'your-project-id', storageBucket: 'your-project-id.appspot.com', messagingSenderId: 'yoursender-id', appId: 'your-app-id', measurementId: 'your-G-measurement-id', }); const messaging = firebase.messaging(); source: firebase.google.com/docs/cloud-messaging/js/receive#web_5

[@sourav12rav]

@@benixal Yes I checked after. Thanks for the reply and its a great video.

[@hmed8997]

How can i swnd notification to multiple tokens?

[@alexnikolas4937]

I would really like to know this too

[@hmed8997]

@@alexnikolas4937 I found a way to that but in my code that I wrote I sent curl request to each token. I want to know if I can send notification to multiple token with only one curl request or not? If you find a way share with me

[@btomif]

thank you, it is work for me

[@benixal]

Thanks for your comment! You're welcome!

[@gonzaloturconi4657]

I have the same service worker but the event notificationclick doesn't trigger. I tried with fcm_options or action_click but is not working. Only works the push event...

[@benixal]

Which browser are you using? Also, did you check the console logs in DevTools to see if there are any errors or if the notificationclick event is being fired

[@gonzaloturconi4657]

only works in edge but not in chrome

[@gonzaloturconi4657]

​@@benixalI could resolve it, turns out notificationclick event in Chrome only fire in production, the code is the same. I don't know the reason, but it works now. Thanks for the video and for reply! Greetings

[@tpatel81]

Can you tell which php extension you are using please..

[@benixal]

PHP Intelephense

[@marcolinoZero7]

The best tutorial, muito obrigado meu amigo, você me ajudou demais!! ❤❤

[@benixal]

Thank you so much! I'm glad the tutorial helped you! ❤️

[@sonaliyewle]

This helps me a lot!!!! Thank you very much

[@benixal]

You're welcome! 😊 Glad to hear it helped!

[@danil_zz]

Your video was very helpfull. I'd fulfilled all migration tasks completely. There is 19 July 2024, tomorrow legacy will come rip.

[@yi-pinghuang3942]

Thank you very much for your video demonstration, it was a great help to me! In the video, send.php used the link to send the URL, and in sw.js, the hyperlink value is click_action. In practice, the notif indeed has the click_action value.

[@JohnSamuelchineme]

Thank you for this video. I spent so much time trying to find this across documentations. This was straightforward and worked like a charm.

[@rafaelo1]

Worked flawlessly, thank you

[@benixal]

You're welcome! Great to hear!

[@jatin2829]

How can i get the new token if previous one expired? 🙏

[@benixal]

Each time you run the `fetchAuthToken` it will fetch a fresh authentication token for you

[@cypriano]

Thanks man! But, with the code in php i cant send with the link. I tried every fcm_options i found (fcmOptions and a bunch of variantions). Can you help?

[@benixal]

Thanks for your comment! Make sure that the URL is secure (starts with )

[@cypriano]

@@benixal sorry, dude. Im a noobie and did'nt understood what service workers are. I fixed this, everything worked. Thanks!

[@benixal]

Glad to hear you got it sorted out! If you have any more questions, feel free to ask.

[@nguyenphi-u1i]

If i send message with topic param (replace for token param). Can I got notification on browser?

[@tresormalo5989]

Thx a lot ! You made my day !

[@benixal]

You're welcome! Glad it helped

[@itsallaboutlearning332]

One liner - You are great and you made my day.. I am able to achieve with your code... Words are not enough.. Things I want to achieve is sending FCM Messages to my mobile app. I am unable to find how to implement in my laravel project. Your explanation has helped me and my concepts got clear... Thank you one more time.. Do you have any video which you can suggest for Firebase Deeplink also.. Thanks in advance.

[@benixal]

Thanks a lot for your feedback! Glad the tutorial was helpful. But I don't have the "Firebase Deeplink" video yet, but I'll keep it in mind for future content.

[@AhmedOumer-fm9cm]

What a wonderful tutorial, you save my weekend, you deserve a subscription.

[@benixal]

Thank you so much! I'm glad I could help and thanks for subscribing!

[@jaxxrr]

I want to send it to my android phone ...

[@sonaliyewle]

showNotification not working in chrome

[@benixal]

Could you clarify the specific error you're seeing when using showNotification in chrome ?

[@alexnikolas4937]

I also had problems on chrome but after I updated it the problem disappeared

[@sonaliyewle]

@@benixal I received a real-time notification object but it's not displayed on the browser. There is no error shown in the browser console.

[@markpelayo8550]

Great tutorial, easy to follow. I made it work on the first time but when testing it on safari, it doesn't work. Any idea how to make it work on safari?

[@alexnikolas4937]

Could it be something to do with the browser settings? I couldn't get it to work on Chrome, but on Firefox everything works

[@MinhAppWeb]

Thanks you...

[@MuhammadZen-z3m]

Thank you..

[@abrahimalyafai4390]

Can I contact you?

[@abidunais2613]

You saved my day 😍😍😍

[@abidunais2613]

It does not ask for notification permission

[@benixal]

1. Check the console log for any errors 2. Once granted, it won't ask for permission again. You can reset permissions in your browser settings if needed.

[@abidunais2613]

@@benixal Done, I checked it, when I reset the permission, it is showing as small snippet in the left corner , but not the alert box, But it is working fine, thanks any way🤟

[@Mateus-ug9cl]

Niceeeeeee 🫶🫶🫶🫶

[@aebusleiman]

Hello friend, thank you very much! The end from send.php does not work for me, it does not give me an error, but it does not send either

[@benixal]

Hey there! You're welcome! Make sure your service worker is activated and running. Go to DevTools (Right click on page and Inspect) -> Application tab -> Service Workers

[@aebusleiman]

drive.google.com/file/d/1EH0PlAqY6GG2CWuucwG0SgmTPDD-vSX3/view

[@kkrish_10]

❤❤

[@focvs4838]

amazing job, thanks you!

[@benixal]

You're welcome! I'm glad you found the video helpful.

[@hieunguyen8952]

Thank you, bro! You save my day with the new Firebase Console and FCM library ❤

[@benixal]

You're welcome, Glad I could help, thanks for your comment.

[@hieunguyen8952]

@@benixalI tried your HTML code, just replace the firebaseConfig and vapidKey with my project info but the localhost does not receive any notification. Do you know what is the potential problem or I need to deploy the code to a HTTPS domain? Thank you for your help.

[@hieunguyen8952]

It worked for me now. Your code's just fine, the problem is the system notifications was disabled by the fault for all apps including Google Chrome in MacOS. It takes a day to figure out :(

[@benixal]

Glad to hear it's working for you now! 😃👏 sometimes system settings can be a bit of a struggle. Thanks for updating.

[@alexnikolas4937]

@@hieunguyen8952 When I tried on a http domain I got an error in the browser console (FirebaseError: Messaging: This browser doesn't support the API's required to use the Firebase SDK. When I checked on a https domain, everything worked fine

[@SecBug]

thank you for this amazing tutorial! 🤍

[@benixal]

You’re welcome, Happy to help!😊