No video

Firebase Send Push Notification JavaScript + PHP

  Рет қаралды 10,241

benixal

benixal

Күн бұрын

Пікірлер: 83
@MangoJellySolutions
@MangoJellySolutions 6 ай бұрын
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
@benixal 6 ай бұрын
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! 🚀
@shubhrajit2117
@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
@MrZilcin
@MrZilcin 2 ай бұрын
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
@benixal 2 ай бұрын
Thank you for your kind words! I'm glad to hear the video helped you.
@soner-san
@soner-san 2 ай бұрын
What a wonderful tutorial, thank you for all your effort.👏
@danil_zz
@danil_zz 25 күн бұрын
Your video was very helpfull. I'd fulfilled all migration tasks completely. There is 19 July 2024, tomorrow legacy will come rip.
@yi-pinghuang3942
@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.
@alexnikolas4937
@alexnikolas4937 3 ай бұрын
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
@rafaelo1
@rafaelo1 4 ай бұрын
Worked flawlessly, thank you
@benixal
@benixal 4 ай бұрын
You're welcome! Great to hear!
@AhmedOumer-fm9cm
@AhmedOumer-fm9cm 2 ай бұрын
What a wonderful tutorial, you save my weekend, you deserve a subscription.
@benixal
@benixal 2 ай бұрын
Thank you so much! I'm glad I could help and thanks for subscribing!
@MinhAppWeb
@MinhAppWeb 27 күн бұрын
Thanks you...
@sonaliyewle
@sonaliyewle 3 ай бұрын
This helps me a lot!!!! Thank you very much
@benixal
@benixal 3 ай бұрын
You're welcome! 😊 Glad to hear it helped!
@user-iz9jw2xf9g
@user-iz9jw2xf9g Ай бұрын
Thank you..
@tresormalo5989
@tresormalo5989 4 ай бұрын
Thx a lot ! You made my day !
@benixal
@benixal 4 ай бұрын
You're welcome! Glad it helped
@focvs4838
@focvs4838 6 ай бұрын
amazing job, thanks you!
@benixal
@benixal 6 ай бұрын
You're welcome! I'm glad you found the video helpful.
@btomif
@btomif 2 ай бұрын
thank you, it is work for me
@benixal
@benixal 2 ай бұрын
Thanks for your comment! You're welcome!
@hieunguyen8952
@hieunguyen8952 3 ай бұрын
Thank you, bro! You save my day with the new Firebase Console and FCM library ❤
@benixal
@benixal 3 ай бұрын
You're welcome, Glad I could help, thanks for your comment.
@hieunguyen8952
@hieunguyen8952 3 ай бұрын
@@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
@hieunguyen8952 3 ай бұрын
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
@benixal 3 ай бұрын
Glad to hear it's working for you now! 😃👏 sometimes system settings can be a bit of a struggle. Thanks for updating.
@alexnikolas4937
@alexnikolas4937 3 ай бұрын
@@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
@marcolinoZero7
@marcolinoZero7 6 ай бұрын
The best tutorial, muito obrigado meu amigo, você me ajudou demais!! ❤❤
@benixal
@benixal 6 ай бұрын
Thank you so much! I'm glad the tutorial helped you! ❤️
@Basirafeef
@Basirafeef 6 ай бұрын
Thanks for sharing great knowledge sir, please make a video on how to implement fcm in android using Java and php.
@benixal
@benixal 6 ай бұрын
Thanks for your comment! I'm glad you found the video helpful, and for the Android, sure I will.
@alexwmb611
@alexwmb611 3 ай бұрын
Thx a lot for your job ! Does it works even if the browser is close and not running in background ?
@kkrish_10
@kkrish_10 4 ай бұрын
❤❤
@debcal2
@debcal2 5 ай бұрын
Thank you very much for this tutorial, can you Please inform how to send messages to multiple devices?
@benixal
@benixal 5 ай бұрын
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
@itsallaboutlearning332
@itsallaboutlearning332 4 ай бұрын
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
@benixal 4 ай бұрын
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.
@user-nu1ki6hz9y
@user-nu1ki6hz9y 5 ай бұрын
If i send message with topic param (replace for token param). Can I got notification on browser?
@maeil2024
@maeil2024 3 ай бұрын
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
@benixal 3 ай бұрын
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
@maeil2024 3 ай бұрын
@@benixal Thanks for the feedback. Can't wait for the upcoming video 🙌🏻
@aqibhanif4245
@aqibhanif4245 29 күн бұрын
@benixal i getting issue when genrate tokken .. permission denied an error occue while retriving token
@kimgraa
@kimgraa 4 ай бұрын
Great tutorial....does you have a tutorial for make it work on IOS too...
@benixal
@benixal 3 ай бұрын
Thank you! I don't currently have a tutorial for iOS, but I can consider creating one in the future.
@markpelayo8550
@markpelayo8550 5 ай бұрын
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
@alexnikolas4937 3 ай бұрын
Could it be something to do with the browser settings? I couldn't get it to work on Chrome, but on Firefox everything works
@Mateus-ug9cl
@Mateus-ug9cl 3 ай бұрын
Niceeeeeee 🫶🫶🫶🫶
@tresormalo5989
@tresormalo5989 3 ай бұрын
I'm getting only id_token instead of access_token. Did i do something wrong ?
@benixal
@benixal 3 ай бұрын
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?
@Codebyakshay
@Codebyakshay 19 күн бұрын
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
@skillpersian
@skillpersian Ай бұрын
Hi, for CPANEL, there was a way to run without composer installation. I could not be a way?
@benixal
@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.
@nicky77uk1
@nicky77uk1 2 ай бұрын
Could this code be adapted to send the push notification to a device id in a android app?
@benixal
@benixal 2 ай бұрын
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
@cypriano
@cypriano 5 ай бұрын
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
@benixal 5 ай бұрын
Thanks for your comment! Make sure that the URL is secure (starts with )
@cypriano
@cypriano 5 ай бұрын
@@benixal sorry, dude. Im a noobie and did'nt understood what service workers are. I fixed this, everything worked. Thanks!
@benixal
@benixal 5 ай бұрын
Glad to hear you got it sorted out! If you have any more questions, feel free to ask.
@jaxxrr
@jaxxrr 6 ай бұрын
I want to send it to my android phone ...
@aebusleiman
@aebusleiman 5 ай бұрын
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
@benixal 5 ай бұрын
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
@aebusleiman 5 ай бұрын
drive.google.com/file/d/1EH0PlAqY6GG2CWuucwG0SgmTPDD-vSX3/view
@jatin2829
@jatin2829 5 ай бұрын
How can i get the new token if previous one expired? 🙏
@benixal
@benixal 5 ай бұрын
Each time you run the `fetchAuthToken` it will fetch a fresh authentication token for you
@abrahimalyafai4390
@abrahimalyafai4390 3 ай бұрын
Can I contact you?
@sourav12rav
@sourav12rav 27 күн бұрын
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
@benixal 27 күн бұрын
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
@sourav12rav 26 күн бұрын
@@benixal Yes I checked after. Thanks for the reply and its a great video.
@hmed8997
@hmed8997 3 ай бұрын
How can i swnd notification to multiple tokens?
@alexnikolas4937
@alexnikolas4937 3 ай бұрын
I would really like to know this too
@hmed8997
@hmed8997 3 ай бұрын
@@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
@ayaaa3112
@ayaaa3112 13 күн бұрын
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
@benixal 13 күн бұрын
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
@ayaaa3112 7 күн бұрын
@@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?
@sonaliyewle
@sonaliyewle 3 ай бұрын
showNotification not working in chrome
@benixal
@benixal 3 ай бұрын
Could you clarify the specific error you're seeing when using showNotification in chrome ?
@alexnikolas4937
@alexnikolas4937 3 ай бұрын
I also had problems on chrome but after I updated it the problem disappeared
@sonaliyewle
@sonaliyewle 2 ай бұрын
@@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.
@SecBug
@SecBug 5 ай бұрын
thank you for this amazing tutorial! 🤍
@benixal
@benixal 5 ай бұрын
You’re welcome, Happy to help!😊
Vue send push notification with Firebase
12:52
benixal
Рет қаралды 14 М.
Sending Push Notifications with Laravel
26:54
benixal
Рет қаралды 10 М.
ОБЯЗАТЕЛЬНО СОВЕРШАЙТЕ ДОБРО!❤❤❤
00:45
World’s Largest Jello Pool
01:00
Mark Rober
Рет қаралды 124 МЛН
Why Is He Unhappy…?
00:26
Alan Chikin Chow
Рет қаралды 92 МЛН
CSS Tips And Tricks I Wish I Knew Before
12:12
Lama Dev
Рет қаралды 463 М.
2. Push Notifications with Service worker: Push API + Push Service
13:23
How To Send Push Notifications With JavaScript
11:38
Web Dev Simplified
Рет қаралды 336 М.