Websockets in Laravel - Part 3: Handling Socket Server Events

It is finally time to connect to our socket server and start serving broadcasting events to our users. In this tutorial part, we will be creating our event, which we will trigger server-side when we hit the new comment API point that we created in the last video.
As soon as we submit a new comment to that API endpoint, we will trigger the event after it saves, and pass the new comment's details to the socket server.
On the server side we can just use the basic Laravel event/listener system, except that we won't bother ourselves with listeners. Listeners can still be used to run scripts server-side when an event is triggered, but our primary concern is to trigger events and then broadcast those events, which will be sent to our socket server on Pusher.com.
On the client-side we will use Laravel Echo to subscribe to channels when the page loads. This will prepare our clients to accept any new events that come down the tube while we are subscribed. Then we will tell Laravel Echo what to do when we hear the NewComment event, and use Vue.js to update the newest comment into our comments array, so that it is automatically displayed in the comments feed.
In the end we will have a powerful live commenting realtime engine. It will be a great example of what can be done with websockets and Laravel echo!
Next Up: We learn about how to use Private Channels to only allow authenticated users access to the channels.
==== WRITTEN TUTORIALS ====
"Mastering Websockets in Laravel" Master Series Page:
devmarketer.io...
Part 3: Handling Socket Server Events
Coming Soon
==== MORE FROM THIS SERIES . ====
Full Playlist for the "Mastering Websockets in Laravel" Series:
• Mastering Websockets i...
==== DOWNLOAD SOURCE CODE ====
Github Code Repo for this Series:
github.com/Dev...
Download Code for Part3
github.com/Dev...
==== FOLLOW ME ====
Subscribe for New Releases!
Subscribe to DevMarketer Insider (Email)
confirmsubscri...
Twitter - / _jacurtis
(ask me questions!)
==== QUESTIONS? ====
Leave a comment below and I or someone else can help you.
For quick questions you may also want to ask me on Twitter, I respond almost immediately.
Email me [e-mail]
Thanks for all your support!

[@РоманСуворов-е8д]

30:50 "haay, you are listening port 10" just made my day!! Thanks for the tutorial!

[@PildorasMusicales]

Excellent! Congratulations, awesome tutorial. I like how you make pauses before making decisions and taking your time to explain other multiple possible decisions. Thank you!

[@lolasandrareen5026]

I learnt more than a lot from this tut, now I don't have to disturb myself about learning NodeJs

[@ΤΟΝΙΑΧΡΙΣΤΙΔΟΥ]

Bro why did you stop making these videos ? You were a very good teacher you had your way eplaining complex concepts making them simple !

[@mrparadox9683]

You don't make things difficult, this is a good job!

[@kotnikd3]

It didnt work for me. After I changed in the following files, it started working:
- broadcasting.php: 'encrypted': false
- if you used 'broadcastAs() { return "NewComment"; }' method, you should change in show.blade.php: .listen('.NewComment'). Check the Laravel documentation about that dot.

[@BoolFalse]

Hey man, thanks for sharing your results.. You're really helped me to find the reason immediately ;)
I've checked this case on L5.8 (for custom channel names via broadcastAs() method), and found this:
1. don't need to disable encryption from 'config/broadcasting.php/pusher.options.encrypted', and can just use as 'encrypted => true'
2. recommended to have channel names without any dashes symbols (only alphabetical characters)
3. in blade need to start with "." (dot) symbol for custom broadcast channel names only

[@ciprianserban]

Great teacher 👨‍🏫

[@petiibhuzah908]

your the best keep posting i do appreciate your work

[@jimbuot4283]

You have done so much you deserve ur skills

[@hamzanouali6051]

i love you man

[@onakoyakorede]

Thanks Alex for keeping to your word... really appreciate it?

[@isisoakjsjsjsjs9666]

Hello! Weitten tuturoal does not have vadil links.

[@misc9700]

It worked for me by changing $comment->post->id to $this->comment->post->id at min 16:45

[@kvpfear]

You're awesome!Thank you so much!

[@certificationcaci6469]

great job,
we appreciate it

[@estousemcriatividadepraumnome]

what should be used for the mission critical functionalities?

[@SaywanGanji]

Great tutorial

[@Shaharcutenum6]

The best.
Can't say much but Thanks!

[@ojdgaf]

so simple and painless, thanks!

[@dafloca2002]

Amazing tutorial! congrats and thank you, really hepls a lot.

[@sigeldesu]

Hi!
I'm making a queue management system.
Can I use this function to display or broadcast the called queue on the display?
IF yes, Can I do it with notification sound that a queue has been called?

[@xploitguardian]

Hi, I have a question. Why is that everytime I refresh the page assigned value coming from the event is gone? Or whenever a user go to another page, a variable holding the value from the event fired is gone. What could be the problem? I am using laravel and vue. Thank you!

[@davidespigolon8170]

Can you build an ecommerce in laravel?

[@lolsamcute]

Yes very well

[@LearnphpPhpforbeginners]

Failed to connect pusher on server . How will I solve this

[@saeedakhshijan8159]

thank you so so so much. you are more like teachers :D

[@diyang3845]

AWESOME! Thanks, Could you please submit about Custom event handler on laravel websocket also?

[@anwarhamoude2637]

Thanks for the tutorial.

[@onlineenergy7151]

Awesome Sir. . . . . Amazing Nice Work It

[@pedropeter2717]

thanks a lot

[@meseretkassaye8550]

Hi,there
Can you guide me how can i connect laravel event with reactJS.
the reactJS app is in another folder not with blade
help me please

[@praisegodudeh6913]

Hey man.. did you figure it out?

[@rajithsam]

Really awesome!!

[@yonann7899]

Hi, Do have any video that make silent print to printer?

[@NovinyoAMEGADJE]

You are AWESOME!!!!!! Yeah

[@surajnirala9072]

can u make a video on laravel api docs generator

[@irfanullahshakir3568]

Good tutorial

[@mohammedrowad9983]

Thank You

[@craigreeves5465]

I just got Echo is not defined...

[@AhmedSaadGmail]

Thanks Bro,

[@iaskakho5646]

Very good vid vue is a bit outdated

[@midoriya1183]

No written tutorial...
Great tutorial by the way but voice make me so sleepy.

[@peternguyen2423]

The best of the best websocket tutorials on the internet so far, thank you for helping me understand all the fundamentals of complex topic like websocket.
Before, I thought websocket was the hardest thing in the world, I couldn't understand it. Now I find that applying it to my project is extremely easy after watching all your series. Please continue to make more tutorials on complicated topics like this, it will help many less intelligent and slow understanding developers like me a lot.

[@jimbuot4283]

You have done so much you deserve ur skills

[@VadimBesedin]

To broadcast an event you can use either "event(new TestEvent('Hi'))" or "broadcast(new TestEvent('Hi'))":
• Use broadcast() when you explicitly want to send information to the client side and you don't have any local event listeners to trigger.
• Use event() when you also have some local handlers that should catch the event, or when you have implemented queuing and you want the event to be queued.

[@cufs-xq2gj]

please continue with advanced blog/cms

[@PardeepKumar-hv7vf]

This thing is so awesome i love that way you teach ......Thank You!........

[@pashamaggot]

Thanks man ! That's actually what I was looking for. Waiting for next videos !

[@maherylala2153]

Pretty complete and helpful ! Nice work

[@UTravis]

I can't tell you how helpful these sets of lessons on WebSockets
have been to me

[@moemengaballa]

thank you very much

[@FawzyTat]

That was amazing and very helpful , Thank you :)

[@luizfernandomaltamartins4471]

Thanks for tutorial, is great.

[@mohamedmanas3055]

this is awesome!! Thanks mate! :)

[@steveskye5989]

Thanks for the great video !

[@jashanpreet832]

One of the best video for web sockets

[@paulmooney1092]

Awesome on Laravel 6

[@BeaconofHopeNetwork]

great video bang(!) happily subscribed bang(!)

[@kajmnietegomakowca1900]

If you are using broadcastAs() you need to prepend '.' in listen function before channel name. For example if you specified "my-event" in Event->broadcastAs() then in laravel-echo "listen('.my-event")". That's because events are namespaced. Example 2, this is how laravel-echo sees you event without the dot: "App.Eventsmy-event", and with the dot: "App.Events.my-event"

[@zabihullahsirat9731]

I had downloaded these videos but intentionally navigate to your RUclips channel to subscribe you for ever and give you my honor to such a useful tutorial .

[@burnt3436]

Awesome tutorial. You're such a good teacher. Other tutorials i found just zoom past everything and not explaining (or give very little explanation) why they did it.

[@mohamedkaddouri5318]

I don't know why?? when i open up a incognito window and log the user in and type a comment for a blog and i press save comment.
the author of the comment get's to see it but the other doesn't.
anybody any idea?

[@hoseahkiplangat]

Had headache trying to implement this BUT your tutorial is all I ever needed to solve this. Thanks for this tutorial

[@jebbush2964]

Please teach us how to create full feature ecommere app in Laravel, with shipping classes and dashboard. THank you

[@silasgameplaychannel3391]

Hey, can anyone tell me about queues with pusher? Cant find information about them.

[@the2worlds]

Omg he repeats every the explanation 20 times. I have to keep skipping forward. Just explain it once and move on.

[@futbolclipsfast]

Amazing, thanks for explained so well, you are the best

[@gameplaywithbilal]

Thanks a lot sir you are doing great Love and Respect From Pakistan

[@irfanakram]

I am learning vue.js with laravel, what i can do? I am jr PHP developer. please help me.

[@allawitte8681]

You are awesom! Can we expect continuation of Websockets in Laravel

[@techkumar3829]

What Happened with the advanced blog cms with laravel series??

[@librasulus]

Great series, thank you for helping me clear things in my head.

[@playonmob7060]

What you are doing with the event can be done also with observer ?

[@tokomeno9533]

thank you so much for great videos what you are doing for us

[@surajnirala9072]

thanks for teach us.. your videos always good

[@JoseHernandez-ew2en]

Thanks, great video!!

[@ashrafsaleh8654]

excellent tutorial, thanks a lot

[@haseemxyt2375]

Great tutorials 😊

[@brainenergy4663]

Could you help please, when I submit comment I got this error: 500(Internal Server Error)

[@farisdewantoro5069]

me too

[@roguez93]

I have the same problem, Did you fixed ?

[@brainenergy4663]

Not yet

[@roguez93]

I found the solutions, its necessary to return data in a Array... it can be "return ['something']" or "return ['json' => 'something']"

[@sravankumarsriramula6841]

Attach the screenshot of your error.

[@nicolasromero6144]

THANKZ

[@mohsenmahoski6659]

thanks man.
I owe you

[@Almarghulani]

Great tutorial!

[@ylberprapashtica2249]

If i set 'encrypted' => false in broadcasting.php everything works fine, but if i set it to true, i get an 'error: 500(Internal Server Error)' any idea how to fix this?

[@roguez93]

I have the same problem, Did you fixed ?

[@roguez93]

I found the solution, its necessary to return data in a Array... it can be "return ['something']" or "return ['json' => 'something']"

[@danielmquintero2691]

@@roguez93 in broadcastWith() ?

[@amardev2224]

hello master this is last video ?

[@blry]

Thanks man! Ur the best! :D

[@heewungsong8081]

Really helpful!!

[@mdatiqurrahman2561]

Hey, I really enjoyed this video a lot, learned so many stuff and make socket learning easier. 🤎