Push Notification using Laravel and FCM

Learn how to Push Notification in Realtime using Laravel and Firebase Cloud Messaging.
Repo : github.com/suhasrkms/push-not...
Laravel Firebase All in One : github.com/suhasrkms/Lara-Fire

[@ogunniranolusola5610]

As an update to the tutorial, you might not find the Fcm automatically enabled as Google suggests the FCM API V1 for sending cloud messaging. To follow through with the tutorial, you might have to manually enable the Fcm application so as to get access to the SERVER KEY

[@ahmedbdiwy6005]

how i made it

[@alisleem1626]

keep up the amazing work ))

[@marwenkhefacha6887]

thinx bro amazing work

[@titoash1418]

sir can you make it by vue js ?

[@alixcan]

Thanks for this amazing tutorial. Is this work with multiple device for same user ?

[@sevenstac]

Yes it will work 😊

[@aymanmalhattami]

Great

[@anshuljha1332]

can you develop a selfhosted notification system for my wordpress website using FCM or somthing els for unlimited subscriber

[@zakariaasarhabil2935]

Thanks

[@abolfazlrastegar-div]

would you please tell me how to make this with pusher push notification and laravel?

[@sevenstac]

You mean you don't want the firebase ( FCM )

[@abolfazlrastegar-div]

@@sevenstac yes, i don't want to use the firebase. (pusher.com)

[@zuzka1228]

do you have any idea how to get notifications in sleep mode? 'priority'=>'high' doesn't work

[@sevenstac]

Have no idea, will see through and reply if I get it.

[@zuzka1228]

@@sevenstac PWA app can't because android has battery saver... Gets push every 15min (if screen is off). So real-time notifications are not possible.

[@ogunniranolusola5610]

Can this be used for realtime notification streamed to an android or ios device using flutter for example

[@sevenstac]

No you cannot because flutter uses dart not php. But I am sure there is different method for flutter as well

[@ogunniranolusola5610]

@@sevenstac What am saying is for an application that uses Laravel as a backend api and Flutter mobile. Can the realtime notification that is pushed to the firebase be also accessible by a Flutter application, perhaps through an sdk that implements firebase

[@sevenstac]

I am not sure how flutter works but if it's linked with firebase yes it will send the notification for mobile

[@voneatpen6060]

I got dd output, but no notification dialog showing.

[@sevenstac]

Sometimes the notification gets delayed wait for some time. Check on Edge because some browsers does not show the notification correctly. PS : Notification comes to the browser which you have used to login credentials.

[@seemaithape9998]

Thanks for this tutorial, Notification is not getting for mozilla browser. How we can fix this?

[@sevenstac]

It's supports only modern browsers try updating or using edge. And we cannot fix this as the firebase sends the notification it's browser part of work to display it.

[@AhmedSaadHassan]

how to check if user register before and hid button ?

[@sevenstac]

If the user is already registered, he cannot use the same account to register another one ... email should be unique. And what button should we hide?

[@AhmedSaadHassan]

@@sevenstac i mean with button "Allow for notification" after user allow notification how i can hide this button?

[@adejulvian]

in my machine doesnt work. it shows internal server error on post. can help me with this error?

[@sevenstac]

Can you elaborate ... When does the error pop? Is the dd showing the address? Have you installed gRPC?

[@adejulvian]

@@sevenstac i just following your tutorial and change code with my fcm config. when i try to submit form, it show internal server error 500 on dev tools and pop up not showed. should i instal gPRC?

[@sevenstac]

It depends where are you storing device tokens in SQL or firebase if firebase you need gRPC And does your error states like " {"multicast_id":XXXX"success":0,"failure":1,"results":[{"error":"InternalServerError"}]} "

[@yassaryelurkar3631]

what's the background music?

[@sevenstac]

All That - Bensound

[@badmusabdulsalam5931]

Pls What if I select all data and I want to notify each Id I press

[@sevenstac]

There is 'device_token' variable in HomeController, you can add all the users token and direct it to the sendNotification().

[@basemovic7600]

i want add badge counter to apns may u help me add it "not static" dynamic

[@sevenstac]

I don't know anything about apns , will sure help you out with the others.

[@basemovic7600]

@@sevenstac its for iphone notifications u can make counter of notification to show it out of the app like facebook and whatsapp i found the soln if u need me share it ?

[@sevenstac]

Yaa I was surfing about it , it can be done but the problem here is I don't have a iphone. 🙁🙁 And it's a web app and what is the use of implementing badge for it ??

[@basemovic7600]

@@sevenstac for show theris notifications the users didn't open it yet and if he open this will disapear

[@sajidhaniff7558]

hi, how do i use click_action in this application?

[@sevenstac]

Do you mean click Events ??

[@sajidhaniff7558]

@@sevenstac yep.

[@sevenstac]

Use javascript 😌

[@satyammodi]

How to send notification for those user want to actvate puch notification without login

[@sevenstac]

We need to store the logged in device information in database and provide notification as mentioned in the video firebase-php.readthedocs.io/en/stable/cloud-messaging.html The above link will help you with it.

[@satyammodi]

@@sevenstac ok My question is in this video we see if example i am open website where you configur notification ... And if i want to get notification from your website i need to login with name email id password. If it possible i just only click allow notification .. My device token saved in to your database ... And whenever you send to all notification. I'll get notification.

[@GabrielSilva-nz1rl]

Did this notification works on mobile devices ?

[@sevenstac]

Yes

[@annaferlich5831]

yes bad dont work :D

[@jamesfaber6460]

Does this work for iOS and android devices?

[@sevenstac]

It works in all modern web browser .. and has nothing to do with OS Make sure you create the user account in that device. Because the notification goes to the register user device .

[@franciscocaldeira2812]

This has a limit right?

[@sevenstac]

Sry i didn't get you ??

[@abdalrhmanalshafei920]

Please send the code

[@sevenstac]

github.com/suhasrkms/push-notification

[@GabrielSilva-nz1rl]

Its giving The "unable to register The default service worker" :(((

[@sevenstac]

Are you talking about mobile device

[@GabrielSilva-nz1rl]

@@sevenstac no, desktop

[@GabrielSilva-nz1rl]

@@sevenstac its giving The same error thats giving in your Chrome in The tutorial

[@sevenstac]

Are you taking about 6:50 error

[@GabrielSilva-nz1rl]

@@sevenstac It worked, that was The Xampp Server. But Its not working in mobile Chrome 😭

[@gadozx75]

In android work?

[@sevenstac]

Yes it works on Android, but u need to use in web browser, not application.

[@gadozx75]

@@sevenstac but what if i already have laravel running as a pwa? wouldn't it work anyway?

[@sevenstac]

@@gadozx75 Yeah that will also work

[@steenrabol2378]

background music is absolutely annoying

[@sevenstac]

"Press 'M' would solve this problem. 💡"

[@brighness_of_islam]

i am getting this error, any one solved this error before? "{"multicast_id":2247801628580971547,"success":0,"failure":6,"canonical_ids":0,"results":[{"error":"InvalidRegistration"},{"error":"InvalidRegistration"},{"error":"InvalidRegistration"},{"error":"InvalidRegistration"},{"error":"InvalidRegistration"},{"error":"InvalidRegistration"}]}"