Websockets in Laravel: Part 0 - What are Websockets?

Before we can master websockets, its important that we first understand them and the terminology that surrounds them. You will encounter lots of funny words while you study websockets and read documentation about them. So the goal of this video is to make sure that we cover what these terms mean and also all of the parts that are at play when we work with websockets.
There are three main components with websockets: your web server, the socket server, and the client-side browser.
The web server is what runs your normal server-side framework. This program generally has an event system, that when triggered will send an API or webhook (POST) request over to your socket server. This lets the socket server know that an event occurred and the information that pertains to it. The web server will pass important information over to the socket server as part of the request like the information about the event. For example if we want to notify the socket server of a "New Transaction" event, we might also pass in the transaction details like the transaction amount or transaction id.
The socket server's job is to manage connections and to distribute events. Clients will connect to the socket server via channels. These channels are segregated groups that allow us to keep events localized only on channels that apply to the event. The socket server keeps track of who is subscribed to certain channels and who unsubscribes, and which clients might lose connection. This way, when the socket server receives a new event from the web server it knows who it should send the event information to, based on who is connected to the various channels. The socket server will then distribute the event to any clients subscribed at the time, to an appropriate channel for that event.
The socket server itself doesn't update the information on a client's browser window. We will use Laravel Echo or another client side library (such as the pusher-js library) to listen for events on the channel and do something when an event occurs. At this point we can write any standard javascript function or use a javascript function to handle the triggering of an event. We can also grab this payload and use that information to display something on screen to the user.
All of this happens in real time and this power enables us to create wonderful experiences for our users.
==== DOWNLOAD SLIDES ====
==== WRITTEN TUTORIALS ====
"Mastering Websockets in Laravel" Master Series Page:
devmarketer.io...
Part 0: What are Websockets?
==== 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...
==== 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!

[@Kliamframe]

Good to have you back!

[@dgloria]

Could you please make this series up podcast because I'm driving when I'm learning end KZbin is not really driver friendly

[@aronpop1447]

can i use this for a chat-like app like on facebook? So anyone can message anyone privately?

[@briancalma5674]

Cool Video dude one question here can socket server handle changes from the client and throw it to the web server? or Laravel echo will listen to client changes and throw it to the server? New with this stuff please do enlighten me thank you :)

[@akshaypandit7034]

Why are there absolutely no videos for one to one chat tutorial anywhere?

[@TheCodePro]

The presentation was very informative. Thanks, Alex.

[@novax5224]

😍

[@oussama.ghaieb]

Thanks! Well explained, i guess. It would be interesting to have a serie about laravel scaling (caching queries, tables indexing ..etc) I think that no one has made it yet. Thanks again. Your videos are really great (y)

[@leonidasmark2310]

You prolly dont give a damn but does someone know of a method to log back into an Instagram account? I stupidly forgot my account password. I love any help you can offer me.

[@huxleyconnor1041]

@Leonidas Mark instablaster ;)

[@leonidasmark2310]

@Huxley Connor i really appreciate your reply. I got to the site on google and I'm trying it out atm. Seems to take quite some time so I will get back to you later when my account password hopefully is recovered.

[@leonidasmark2310]

@Huxley Connor it did the trick and I now got access to my account again. I am so happy! Thanks so much, you really help me out :D

[@huxleyconnor1041]

@Leonidas Mark no problem xD

[@ifathere]

watching in 2022

[@MrIhatefrogs]

ive been watching your youtube but today i just noticed your eyes, theyre beautiful!

[@unrealgamer12]

Hello, I am enjoying the videos. Not sure if you are aware of it or not, but the written tutorials are not currently available. The links redirect to a 404 page.

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

Thank you for this video. I didn't understand what's happening when client send data. Is client send data to web server, after that web server generates message and send it to socket server? Or socket server - middleware. My language isn't so good, cause i am from Asia)

[@StAsMaNnX]

Alex, thank you! Very cool video. Like and subscribe from me!

[@IwebWala]

Trying to get property 'id' of non-object i got this error how to solve it

[@itsumairtech]

Thanks

[@ranibenmahmoud6298]

nice

[@md.saifurrahman8696]

Great explanation. First time finally i understood the basics of web socket. Thanks a lot.

[@shubhamsihasane]

What do you think Laravel OR Nodejs Platform?

[@muhammadsalah3139]

you made my day

[@jeodemp]

wish you've used redis instead of pusher which is not free at all

[@ermetanyoPh]

Next: webhooks using Guzzle and Laravel please.

[@MegaPruddy]

Thank you so much. This tutorial helped a lot!!! Please keep the good work :) Love you.

[@zstrizzel]

This is by far the most straight forward description of websockets for Laravel users that I've seen. Thanks Alex!

[@KitchenTissir]

hi i have one q ? what hapen with ADVENCE BLOG CMS ??? did u stop it !!!!

[@JoaoPedroMDP]

Finally some good content on web-sockets

[@ahmedabdeen1095]

You explained it very well!! Thank you

[@steveskye5989]

Thanks for the great video!

[@beshographix4496]

I have a question ... Can the user subscribe to multiple channels ? Thank you

[@jit-r5b]

Besho Graphix Yes!

[@beshographix4496]

Thank you Lukas

[@RazvanTSibiu]

Best of the best

[@Shuvooa]

Great Video! Keep it up!

[@pronobroy8389]

Awesome Presentation..

[@jessieaguiao]

Thank you Alex for these videos. You are a great teacher.

[@ngulajoseph34]

always my laravel teacher,

[@abdurrehman1901]

welcome back . Alex

[@nightlifeking]

Thanks for this series!

[@motomono]

Great subject but I feel little overwhelmed by word flood. I’d love you talk a bit less and do a bit more. Less introductory more hard content please.

[@Alex-vi6fr]

Well skip to the part 1 as he said if you already know the theory of it. Well it's already 2 years old comment but I still want to reply tho lol

[@motomono]

@@Alex-vi6fr I feel all your videos are like this. Don't get me wrong - they are very informative and all. I appreciate your knowledge. But you just talk about nothing for 50% of the video. The rest is great. But to me it's hard to wait for so long to get to the hard knowledge stuff.