Websockets in Laravel - Part 1: Configuring Laravel for Websockets

The goal today is to clone our repository for the demo project so you can easily follow along throughout this series on Laravel Echo. Once we setup the demo project we will also explore how to configure a laravel project to get it ready to start using websockets and Laravel echo.
Skip to 11:31 if you are not interested in the demo project setup.
This will show you which packages to install, and what configuration is needed in our javascript files, service providers, etc to prepare the application to broadcast events.
Throughout this tutorial series we will be using Pusher.com to get started with Websockets. There are many other platforms and services out there that work similar and you are more than welcome to give them a try. I selected Pusher for the tutorial because it is very easy to use and has an awesome "developer console" that lets you actually see what events are coming through the socket server. This makes development and learning easier. Plus it has a generous free tier, meaning you can learn how to use websockets without needing to pay anything or be at risk of paying anything.
==== WRITTEN TUTORIALS ====
"Mastering Websockets in Laravel" Master Series Page:
devmarketer.io...
Part 1: Configuring Laravel For Websockets (Written Tutorial)
devmarketer.io...
==== MORE FROM THIS SERIES . ====
Full Playlist for the "Mastering Websockets in Laravel" Series:
• Mastering Websockets i...
==== DOWNLOAD SOURCE CODE ====
Code for Project Start Phase:
github.com/Dev...
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!

[@mianz167]

Best tutorial and instructor on this topic. Keep up the good work.

[@erez7020]

You have the most amazing video opening, excited to start this repo! thanks for this.

[@aldrinjohnencina6153]

thank you for your tutorial

[@QiroLab]

Nice tutorial, You have explained websockets in an easy way. Nice work.

[@steveskye5989]

Thanks for the great video !

[@razinkebede1260]

this was a great tutorial brother thanks

[@ephsonguakro4583]

I tried this once unsuccessfully, but seriously man... thanks for your clarification especially "part_0" you did a real number on that one. Thanks.

[@perfectwebsolutions]

Good Tutorial, and good explanation haven't you checked the new laravel 5.6 yet?

[@JacurtisTutorials]

Yes, there is a small update to websockets in 5.6 which we will talk about in a future video, but other than that, the new features are pretty minor. I do not plan on doing a "whats new in laravel 5.6 series" this time.

[@agilasadi5044]

you are the grace of self-learners. I don't even know if I deserve you. Amazing job. Looking forward to see your new just like justice league waited for super-man :P

[@sunsopheary]

Thank you so much for your great websocket video. I followed your video and everything works on my local development machine (WAMP). But unfortunately, it does not work on my production machine (LEMP). I was wondering if you could help us with a paid service to solve the issue.

[@ivikiiii3169]

I was really excited when I found this tutorial thinking it was perfect for my current project. But it's kinda outdated as of now. I'm sorry but can you please make an updated version of this tutorial? that would really really useful. thanks!!

[@jjplays404]

Hey mentor, which version of laravel is this? Can we use this tutorial with laravel 9?

[@ephsonguakro4583]

To do away with migration issues, here is a fix for the new laravel. In your AppServiceProvider boot method, try adding Schema::defaultStringLength(191); Best sure to import Illuminate\Support\Facades\Schema at the top of the service provider.

[@Dipenparmar12]

FYI: Part 1: Configuring Laravel For Websockets (Written Tutorial) LInk is broken ( Page not found error)

[@KangJangkrik]

Yes it's confirmed broken

[@koxperkoxp9060]

Are you serious ? pusher is not free if you reach over 100 connection you must pay to pusher . What we'll doing with that?

[@foodrunner-fooddelivery8311]

Can you please add a video of adding amazon queue service?

[@Tsukasa1929]

hey nice tutorials they really help and the way you teach is really easy thanks, btw which plugin you use to changue the colors of folder when a new file is created /update/open?

[@amlannandy8431]

can you please mention how can i connect laravel websocket from android app. please mention steps

[@jonathanengwall2777]

You should try this with a fresh install. It seems to me that practically nothing works.

[@DerkJanSpeelman]

Your videos are getting better everytime. Keep it up man. I love the fact that you take the time and effort to make this for others.

[@FlameLight]

Dude i love your Laravel series

[@humza5107]

when i run seed command it says "Base table or view not found: 1146 Table 'echo.users' doesn't exist" ?

[@iamarsalan332]

In .env file QUEUE_DRIVER set to sync but I need it to set it database because I use queue jobs for this we need to set it to database but when I set it to database it does not work

[@Chronos123]

In Pager.com i can see it send the message, but my laravel project never receives the message. What is the problem?

[@sandroluder5522]

Nice Tutorial, many thanks. i am working on a microservice with laravel lumen and need to broadcast events using pusher, when something is stored in the DB. the problem is, nothing is broadcasted... how do I solve the problem with the queue and the csrf token?

[@chiangraisoftware7214]

I have problem POST localhost:8000/broadcasting/auth 403 (Forbidden)

[@DerkJanSpeelman]

I did had some problems: got a lot of rollbackFailedOptional: errors. Updated npm globally and finally resolved automatically I guess. Than I got this warning: "ajv-keywords@3.2.0 requires a peer of ajv@^6.0.0" so I need to ran: "npm i ajv" and then I needed to ran "npm audit fix".....

[@nicolasdiaz4187]

So i need a special field on my table users with tokens to use pusher? I mean this tokens are different from those used by laravel auth? If so, how do i generate those tockens?

[@jimread4099]

11:45 start with sockets

[@timothykamau3080]

Nice tutorial. what happened to ADVANCED BLOG AND CMS?

[@UnchartedWorlds]

this is much better, if you know any laravel at all you can finish cms thing your self, but this stuff is more interesting...

[@agilasadi5044]

Well yeah I'm agree with @Nermion , I appreciate these stuff. It's harder to learn it from documentation.

[@reviewsatumenit]

good a tutorial, i got a problem "cannot get property undefined 'channel' " i try many way but its the same problem. i think something wrong with my laravel echo installation. but idk where is it. Please if you have a sugest. thanks.

[@brainenergy4663]

I cannot find this class => App\Providers\BroadcastServiceProvider::class, please help me how to show this

[@djebirihamza1098]

hey , thank's for this video i'd like to ask you somthing , wath is the the difference between SPAs ( like vuejs ) and Real Time application !? and can i mix vue-socket with laravel or i should learn laravel-socket ( as we see in your video ) thank's a lot ^^

[@yonann7899]

what command I need to use for window inviroment instead of this command (npm install dev)

[@bonaventureokoli7988]

Hey rename this series videos and add vue js prominently to the titles, to get much more hits this tutorial is truly amazing.

[@denemedeneme6403]

Jac, why don't you trying to upload a course to udemy about laravel from scratch to advance with real production project? I'll definitely buy it.

[@jimbuot4283]

You've done it well. Keep it up.. one of your fan subscriber

[@aswadali5139]

I tried your code from Git Hub. Sorry to say but that was so outdated. Almost everything is deprecated and so messed up. Kindly try to make another code or course.

[@adelabuelezz946]

i want to make this without pusher how about this ?

[@BlastedAsh]

Search for Laravel Websockets package

[@shakirmemon177]

please provide the github code with latest laravel update

[@justtlenin]

please make a web socket video using socket.io

[@gustavosooeiro]

Your tutorial is awesome!! But I had (have) a doubt at the moment a saw the need of Pusher. Is this solution would be the same as if I needed to include a Nodejs server, to serve websockets? I mean, is there a solution using only Laravel to get that done?

[@two-zero]

Thank you again DevMarketer, very clear and concise. :)

[@rahulshakya2517]

npm node sass problem

[@apoorvagrawal1267]

Sir you are so good at teaching why don't you start making Udemy courses.

[@goth14wx47]

but what i need to install if i dont want to clone the whole project?

[@dipayansengupta5197]

got this error , inatalling webpack "Error: Chunk.entrypoints: Use Chunks.groupsIterable and filter by instanceof Entrypoint instead "

[@dipayansengupta5197]

npm uninstall mini-css-extract-plugin , and use webpack 3.1.2 , this should done the job and install webpack-cli :)

[@motomono]

Please, don’t do what you are going to do. Do it! It’s so hard to wait

[@hazemabdelalim9564]

i wanna make my own websocket server any ideas ?

[@bernardchisumo4054]

Hi Every one can sone help please -> npm WARN invalid config loglevel="notice"

[@RichardOpokuEngineer]

Is it possible to do similar with Lumen?

[@katerinakaracanova6024]

Can we trigger an event on session timeout?

[@arunmadathil2825]

All your tutorials are awesome and indeed one...thanks

[@wasaviAr]

Great video!! Thanks!!!!

[@apoorvagrawal1267]

Sir you re really awesome in your teaching approach.

[@haytayan]

extremly clearly explain.! thanks

[@valdisdravnieks7116]

Written tutorial resources in Part 1: Configuring Laravel For Websockets (Written Tutorial) is broken. Getting 404 there. Thanks for the video tutorial though.

[@irfanullahshakir3568]

superb!

[@Mr0ussama]

i learn a lot form u tnx for ur tutorials

[@jiyaaddolly894]

The written tutorial link seems broken

[@atulgvlogs]

whats your text editor name

[@codeology1]

Huge thumbs up 👍 for the professional man

[@iandaleblanco2799]

Please help me. I am getting this error Class 'Pusher\Pusher' not found

[@iandaleblanco2799]

this happens when I change my BROADCAST_DRIVER to pusher. I'm new at this so please be patient and help me :(

[@vienzent]

you need to install pusher sdk > composer require pusher/pusher-php-server

[@anwarhamoude2637]

Heads up for MySQL 8 'NO_AUTO_CREATE_USER' --> config / database.php 'mysql ' => .... 'modes' => [ 'ONLY_FULL_GROUP_BY', 'STRICT_TRANS_TABLES', 'NO_ZERO_IN_DATE', 'NO_ZERO_DATE', 'ERROR_FOR_DIVISION_BY_ZERO', 'NO_ENGINE_SUBSTITUTION', ],

[@someone-jq3lc]

yarn and npm : command not found

[@cleverdeveloper1042]

You need to install node js if you want to use npm

[@Nikrocks008]

Misleading thumbnail. You have socket.io on the thumbnail but are using pusher. Everyone does pusher tutorials and i was happy on the thought that you were going to do socket.io with laravel instead but i am disappointed.

[@leonardoalfonso657]

pusher have many limitations, is better a tutorial with node and socket.io