Laravel 11 WebSocket

[@benabidayoussef9895]

Thank you so much bro, keep sharing with us advanced concepts in Laravel 11

[@eraufi]

Thank you, I will

[@lazy_coding]

Is there any laravel chat application tutorial that doens't use pusher?

[@eraufi]

yes there are a lot.
you can built it also using laravel reverb and if you are using shared hosting where you don't have access to SSH you can use SSE to make a chat application
here is demo
ua-cam.com/video/Dcnud0U5-6E/v-deo.htmlsi=E8jOtBwRxiMwpUfW
and you can test it here
stacktips.rf.gd/

[@druganov962]

You dont need pusher, i recommend using soketi or reverb if it works fine for u, why pay for something that you can host yourself for free..

[@jonathanjv1391]

Thanks maaan, i can understand now how the broadcast works.

[@eraufi]

you are wellcome

[@m7mmadomar]

Thank you for this wonderful explanation. I have a question: When working on two separate projects like Laravel and Angular, do I need to make such configurations and code for each to work?? Please, if you have enough time, create a video on this matter because I couldn't find any explanation on it.
Also, what is the difference with the library laravel-websockets?

[@eraufi]

Yes, absolutely.
laravel-websocket github repo has been archived. so we need to use laravel reverb to websockets. up to laravel 10 we used laravel-websockets

[@m7mmadomar]

@@eraufi Oh, I didn't notice that, I have used Laravel-websockets in my current project.
Thank you for this.
But I am facing difficulty with the library and how to host it on the server.

[@eraufi]

@@m7mmadomar you can read more about it in the official documentation
laravel.com/docs/11.x/reverb

[@JyothiPrakash-ql8np]

How do you start the server in video 7.10? You are returning to your browser and it is supposed to automatically work, but it is not working. the error for me: The site can't be reached

[@eraufi]

i am using Laragon. so i don't have to run the application using PHP artisan serve. if you check the URL in the browser it end with .test

[@JonBrookes]

this is brailliant, thanks for posting. I was able to easily get all this working with Laravel 11 and reverb. I like your approach to using a mininum of code so it is straight forward to see what code is needed to be just enough to get things working. True MVP.
in my experiments, my browser started playing up and I restarted it also, as well as chaning timeouts for the echo script. I also chose to use
document.addEventListener("DOMContentLoaded", function () {
console.log('starting public channel, ...');
window.Echo.channel('testChannel')
.listen('testingEvent', (e) => {
console.log(e);
});
});
as I found with my brosers sessions this, for now seemed to solve latency issues
thanks again for this straigh forward, easy to follow walk through of Laravel 11, sockets and reverb

[@eraufi]

thanks a lot for your comment. such comments motivate us to continue.

[@reggienillas9617]

I am new to laravel and broadcasting, i followed your video and applied it in my single page application that i just created, however, I am getting broadcasting/auth 403 forbidden error, and also i checked the laravel.log, i have Array to string conversion error on my Event.php file, i hope you can help me with this

[@eraufi]

broadcasting/auth 403 forbidden. since you are making a SPA.I think you are using Vue or React and working with tokens. in that case, you are not sending the token. I found a StackOverflow question based on your question you can check that.
stackoverflow.com/questions/41728930/laravel-broadcasting-auth-always-fails-with-403-error

[@reggienillas9617]

@@eraufi yes i am using vue js3 laravel 11 reverb. Thank you

[@mishafomin3973]

Could you show how to work with MQTT broker?

[@eraufi]

I am sorry but i don't know anything about MQTT broker

[@jaysontadayca8838]

can we do this to communicate with Arduino or ESP?

[@eraufi]

Sorry but i don't have any experience with Arduino or ESP

[@abdulsamad-he8vr]

How can i do this over Api.

[@eraufi]

for that you can view this video
ua-cam.com/video/0BI_01zg8ng/v-deo.html

[@ankittiwari777]

Hi, this video is very helpful for me but getting error when I am using https protocal, it is working fine on http server. Please help me on that.

[@eraufi]

hi. thanks for the comment.
could you please explain what error you are facing over HTTPS?

[@ankittiwari777]

@@eraufi Getting error "WebSocket is closed before the connection is established.", by selecting ws in network option in inspect.

[@eraufi]

@@ankittiwari777 thanks for the replay. it's hard to know exactly what went wrong without seeing the actual code.
but I found a github page with similar problem you can check that.
github.com/laravel/reverb/issues/163
but before that please give me some more information about your setup. so I can test it on my own PC.
like: are you using HTTP and HTTPS on the same PC or HTTP in your local environment and HTTPS on server

[@ankittiwari777]

@@eraufi I am using subdomain like abc.xyz.rts. and ssl is also I have, but no problem when i am hitting with http, error comes with https.
Need to know, if i have ssl certificate zip folder then in which files we will configure for these laravel reverb setup to run on https?

[@ShilpaPradeep-ss9hm]

I have an issue of not receiving event in frontend. Do I need to do $this->broadcastVia('reverb') inside Event?

[@eraufi]

what are you using in frontend?

[@ShilpaPradeep-ss9hm]

@@eraufi I'm using vue

[@eraufi]

@@ShilpaPradeep-ss9hm in that case create a public channel first and test it. you can follow the steps in the video starting from 3:00 up to 9:00.
if everything was working fine than create a private channel.

[@ShilpaPradeep-ss9hm]

@@eraufi Thanks you for your reply. I have one more doubt, do we need to create reverb account like how we did in pusher?

[@eraufi]

@@ShilpaPradeep-ss9hm no. no need for creating any account

[@NguyenMinhTriFPLHN-ox5rn]

why can't i run php artisan install:broadcasting command

[@eraufi]

can you please give some more details. what error messages are you getting

[@balques425]

Nice video 😊

[@eraufi]

Thanks 😊

[@diptobiswas6511]

Uncaught TypeError: Cannot read properties of undefined (reading 'pirvate') . I changed milliseconds but it doesn't work for me 🤔

[@eraufi]

in that case check your resources/js/app.js.
check if it's loaded correctly if the echo.js is there

[@diptobiswas6511]

@@eraufi Yeap it's working... thanks bro.

[@Daaboo]

How to setup a private chat room with laravel api and vue frontend with Reverb?

[@eraufi]

you can create a private channel for that and give it a name then assign the users.

[@quyle2185]

I have a issue with private event, it's not working!!

[@eraufi]

can you please be more specific about the problem you are facing

[@quyle2185]

@@eraufi I forgot to add ShouldBroadcast in the event

[@quyle2185]

@@eraufi Can I ask you something?

[@quyle2185]

@@eraufi Can I connect flutter to it?

[@eraufi]

@@quyle2185 sorry i have not worked with Flutter. i don't know about it.
but I think you can. the back end would be the same only you have to do the flutter logic

[@josealejandrosanchez4180]

usas puser eso significa que es de pago ?

[@eraufi]

não, é totalmente gratuito

[@Pro-jy3gp]

❤ nice and easy

[@eraufi]

Thank you! 😊

[@MonirulIslam-sg7oh]

great and noce video

[@eraufi]

Thanks

[@eraufi]

Thanks

[@PreciousOmegba]

Does this work for free without any subscription?

[@eraufi]

yes. It's completely free.

[@eraufi]

yes it's free. it's an open source package

[@myosotisalderson]

doesn't work

[@eraufi]

can you please explain a little bit more. so we can fix it.
like what error you are getting or why it's not working

[@hennaraufi3368]

😮😮😮😮

[@eraufi]

😮😮😮😮