Getting Started with Laravel Reverb

[@QiroLab]

Great explanation of the key features of Reverb. The video was well-paced and informative. Thanks for sharing.

[@LaravelPHP]

Love to hear that. Thanks 🙏

[@JonBrookes]

Yours is the best intro right now to Reverb I would say - thanks very much. Having reverb built in to laravel is fantastic. Many front-end app developers working with BaaS (Backend-as-a-Service) solutions like Firebase crave real-time database interactions that are seamlessly integrated into client SDKs. Unfortunately, some frameworks have either lacked this kind of functionality, or have been challenging to implement. Reverb, in my view, changes the game for Laravel. It provides a solution for real-time communication, making it a strong option, even to some BaaS providers.

[@LaravelPHP]

Thank you so much 🙏

[@bereveanu]

For those using laravel-websockets, it was a drop-in replacement. I actually set up the server as a separate laravel app, but for the app using the websockets, it’s just a matter of adjusting the .env names and keys. One downside of using a separate app for reverb is that in the Pulse integration you will only see the subscription related messages, not your events and notifications being triggered. Maybe this will be addressed with a package for the apps using external reverb apps.

[@rmitesh32]

This was amazing development ❤ Love for Reverb 🥂

[@EddieMao]

Fantastic feature, and great explanation.

[@LaravelPHP]

Glad you liked it! Thanks

[@jgarciascr5]

I would love if you guys could make it work like the old Laravel Websockets, where it was possible to create "Custom WebSocket Handlers", which was a controller class. In that way I was not tied to Laravel Echo only but could also implement plain JavaScript clients connected to the webSocket Server. That was a fantastic, very flexible and customizable way to work !. No channels, no events, no listeners, etc.

[@himesh_89]

Wow, coming from React, this seems so cool and easy to implement.

[@LaravelPHP]

Glad you like it!

[@dekuddus]

Hi, could you show an example for a separated laravel backend and vue/react frontend? Thanks for the Video..

[@mohammadrezaarab7890]

It's the same. you just configure Echo inside your Vue/React app, and it gets connected to socket server. that's it.

[@fakupaku]

​@@mohammadrezaarab7890it is not working, pusher is geting an emty result when call post method

[@Nisamudeen-y6r]

@@mohammadrezaarab7890 Is it same in angular??

[@pusho.developers]

Muchas gracias, saludos desde Cuba

[@farshidbahmanian]

Please explain how it works on live servers like ubuntu with apache web server.

[@xeroks646]

This video is really useful and informative. I have a multi tenant app build with Laravel and i will use reverb in my application. Nice job 😊 Btw I want to order a Lamborghini 😂

[@LaravelPHP]

Let's make group-order and maybe we can get a discount for the lambos :-)

[@xeroks646]

@@LaravelPHP lmao 🤣

[@hbkacademy]

Eagerly awaited this video!

[@mamdouhzaq]

Perfect addition, thank you 🙏

[@LaravelPHP]

You're most welcome!

[@nerisonpitogo3717]

Nice video. How to get all the current online users?

[@LaravelPHP]

You can work with a Presence channel: laravel.com/docs/10.x/broadcasting#presence-channels

[@metin4yt]

How do you handle the case where you don't need to have Echo initialize on the main page, but only on a certain route or on a certain component. It seems pretty wasteful to have the connection alive when you don't need it all the time

[@bereveanu]

You do just that. Call listen wherever you want. And vacate the channel when the component is unmounted.

[@metin4yt]

I'm talking about creating the web socket connection itself, not subscribing to a certain channel. When you write `new Echo(...)`, that tries to connect to the ws server instantly

[@bereveanu]

@@metin4yt ah, the one currently in bootstrap.js, in a Laravel app. I don’t know how that works behind the scene, sadly. Though, at first sight, doing new Echo wherever you need it seems a valid option. I think the one in bootstrap.js is there just for the convenience of having a unique instance to work with. Otherwise you need to carry over your config params and so on.

[@ikmalilbirri8895]

When i was waiting the reverb release, i though it support custom handler like onConnect, onMessege like what laravel-websockets package do.

[@nathanheffley]

It should, have you tried it out? This is just a very small demo, not the extent of its features.

[@hiajayy]

I was waiting for this.

[@ThePandaGuitar]

Lol love the lambo example the most PHP example

[@LaravelPHP]

🫡

[@amirrezam75]

Is there any tool on Reverb for handling client to server communication? Every example on the internet assumes that we are calling and HTTP request on the client that causes broadcasting event.

[@ProdByGR]

This!

[@gabozanel1456]

it's supposed to be built on laravel. laravel also has an API design which handles client-server communication. just use a HTTP or GraphQL request via JS.

[@kenjohnsiosan9707]

thanks for sharing🎉

[@Aljiwaninursyah]

please help me, why my blade error and give me error "Uncaught ReferenceError: Echo is not defined"

[@hirang1148]

How do we run this command in production? Specially in shared hosting?

[@divyanshsoni314]

Which theme are you using buddy ?

[@theophilusaika1215]

Awesome

[@md.abumusa2389]

Great!

[@ahmadgardi3886]

Is there any flutter package that works with reverb ?

[@ahmedking5809]

how to dispatch the event for all orders, I don't want to loop through all the orders

[@samieazubike]

I'm building a chat system. I have being trying to send a message back using the Echo library. window.Echo.connector.pusher.send_event( "SendMessage", JSON.stringify({ message: message, userId: auth.user.id, }), "chat." + auth.user.id ); The event is being send successfully to the socket, but my Event Listener is not capturing the MessageReceived event. Are there any other configuration I need to put in place for my listener to work?

[@belikode]

hi did you solve it, im trying too but doesnt work

[@samieazubike]

@@belikode No. The reverb listener is working perfectly on v10, but not working on v11

[@ajzack983]

I wish Laravel broadcasting would allow guests to attend presence channels without going through the auth gate, can we do something about it ?

[@prod.wembley3816]

How u make db watcher like this? when u upd ur db also event triggered?

[@romanboyko4701]

hi, how to use reverb as standalone server? i have 2 applications - laravel 10, would like to have one separated app for websocket server

[@simonswiss]

Reverb Street 99 Laraland is a DOPE address

[@LaravelPHP]

Still discussing with Taylor about Laraland plans... Wish me luck!

[@andriusgeciauskas3154]

Thanks again for great video! but would you be able to share the code from previous video with active visitors please?

[@mohammadsameralsawaf9763]

Thank you so much

[@Tuto1902]

Is there any extra settings when working with Herd over https? I tried this the other day and it didn't seem to be able to establish a web socket connection over https

[@LaravelPHP]

It gets a bit trickier indeed. Please check the SSL section: laravel.com/docs/11.x/reverb#ssl

[@bereveanu]

The way I did it is proxy the websockets server through nginx. Let it handle the https and leave reverb on http. Then, in the .env settings, use the external domain and ports, with https. I think the docs also mention this variant.

[@anstapol]

Maybe it's a silly question but how would you configure that "Run Anything" pannel on PHPStorm for laravel sail?

[@himanshubelwal-m4l]

are you sure this chat work on laravel tenancy if you know about this how we can connect server each other please help

[@BlackBoxLearner]

How to connect with 3rd party websocket server and get realtime data, like stock brokers.

[@giacomogaravaglia6742]

did you miss the fact that a queue:listen should be running? or the dispatch is sync?

[@ruddra_nick_biswas]

Bruh you save me!! I wasted 1day of my work.... But I learned a lot about broadcasting

[@muntasirhasan2052]

Thanks for you information i tried this and its working very good in my local machine but when i am moving it to production it gives BroadcastException: Pusher Error (Not found) when i trigger Event I think you may help me Thanks

[@MadukaJayalath]

Thanks

[@LaravelPHP]

Welcome

[@najeebanwari9455]

how can I use it with android or flutter app?

[@donjegusantibanez]

Does it still require the artisan reverb:start command when deploying in production?

[@LaravelPHP]

Yes it does.

[@dominikbetlej1656]

Thanks!

[@fellypsantos_]

Does it work for API ? in my case I have the API in laravel and the frontend in React in another subdomain, can I use it to create websocket connection between the API and a websocket client in reactjs?

[@rafatali368]

Yes you can bro

[@khairulazmi9174]

What is difference using pusher vs reverb ? does reverb still needs pusher to be workable ?

[@amypotechnologies7281]

Hi, in local its running fine. But in cloudserver/production server its not working. can you please help me on this

[@hackercoolio]

{ "status": "error", "message": "An error occurred while sending the message", "error": "Pusher error: App key rnl3jzubjmbd9zhhbnbt not in this cluster. Did you forget to specify the cluster? ." } hello.. I am using echo + pusher js on my nextjs14 on the frontend and reverb on the backend. but I keep getting this error when sending the message. my websocket connection is green, as in connected. also I have the websockets sending message on the localhost just fine.. issue is when i try to send it on gcp.

[@alkods2011]

Sorry bro I saw you at the beginning of the video updating the status from the database and it reflected the effect on the front end , I feel I got confused as the video is not explaining it. Could I know the best way to do that with the best performance ?

[@alkods2011]

I could find a solution to it by using mysql triggers and sys_exec to execute shell commands 👍

[@LaravelPHP]

The page shows the current order status, and it gets it from the database. So when I change the value in the DB it changes on the page too. Now on top of that we want the status to change on the frontend in live. This is where Reverb comes in. Hope that helps.

[@mahaar]

Do I need to add pusher keys too?

[@bereveanu]

Reverb “is pusher”. You just use its keys instead.

[@wezer229]

Nice, I almost changed mine before I saw this@@bereveanu

[@hnccox]

What is the difference between a PrivateChannel and a Channel if you could also just check for the same condition that the $userId matches that one the order in the routes file anyway?

[@LaravelPHP]

For the default channel, there is no authentication check at all.

[@dimitrisborbotsialos]

What about performance? Most tutorials do basic stuff and not get too deep. For example in a live scores app that has 10000 concurrent users listening to a channel. Do you run this with your application on the same server or do you deploy reverb to a separate machine? Sending a message means that reverb will send 1 message to each client so 10000 messages not to mention the ping pong requests. How can you estimate resources? For example if I need a separate machine to run it will it be cheaper than just use pusher? Do we have a case study? Thank you

[@personal1872]

i am stuck with laravel websockets using reverb, i am running laravel app as backend and python as Algo Trading Engine, I am subscribing to real time stock date from broker in python and then when data comes i want to send that to laravel reverb, but i am not sure how can i send websocket message to laravel reverb from python / postman ? Please if anyone can help would be appreaciated

[@softmaxtech]

Pls we need tutorial from a next js frontend app to laravel api app to get user online status using reverb

[@gezenews]

Just starting this video after struggling to setup broadcasting for first time. It's really rough (maybe it should be) to configure Queues, then Echo, Reverb, and Pusher all at once. But the really rough part is the documentation on the Broadcasting page. The Pusher sections look separate from the Reverb sections, and seemingly they are because you can use Pusher without Reverb, right? But also you have to use Pusher with Reverb. But then you also need to jump to the Reverb page and repeat a lot of instructions. And throughout this entire time if you don't know that Pusher is a separate service that you need to signup for, you wont notice until you've tried listening to the event. I am updating from a Laravel 10 project so I am sure that contributes to the issue.

[@LaravelPHP]

Thanks for the feedback, we will take a look if we can improve documentation. Did this video help?

[@aniketkhote9]

Does it work with api

[@developersharif]

🎉❤

[@SaddamHussain-pq9sb]

😍

[@hb90782]

Is the laravel reverb free or not? Because pusher is not completely free.

[@elijahcruz8895]

I can imagine the real Lambo Facade Edition being a gold plated lambo with the laravel logo on the hood, forge and vapor stickers in the back

[@LaravelPHP]

I take that one too, good idea.

[@jtech04]

Amazing, can we get its source code ?

[@LaravelPHP]

Here you go: github.com/christophrumpel/getting-started-with-reverb

[@jtech04]

@@LaravelPHP Huge love from Pakistan

[@artemdeveloper7304]

Thank for the video. Could you please provide a source code?

[@LaravelPHP]

Here you go: github.com/christophrumpel/getting-started-with-reverb

[@artemdeveloper7304]

Thank you a lot!@@LaravelPHP

[@JustPlayerDE]

Great video! also third to comment :) edit: did not saw the other comment oops

[@LaravelPHP]

🥉

[@reviewlaptrinh]

Greate

[@narcojauy]

How long will Laravel cling to Vue? React support should be default.

[@rafatali368]

Small Example of Reverb after installing everything Create your event and broadcast it then use it like this. Jquery: import Echo from 'laravel-echo'; import Pusher from 'pusher-js'; // Important: Expose Pusher globally window.Pusher = Pusher; // Configuration for Laravel Echo window.Echo = new Echo({ broadcaster: 'reverb', key: process.env.MIX_REVERB_APP_KEY, wsHost: process.env.MIX_REVERB_HOST || window.location.hostname, wsPort: process.env.MIX_REVERB_PORT || 8080, wssPort: process.env.MIX_REVERB_PORT || 443, forceTLS: process.env.MIX_REVERB_SCHEME === 'https', scheme: process.env.MIX_REVERB_SCHEME || 'http', enabledTransports: ['ws', 'wss'], disableStats: true }); var channel = window.Echo.channel(unique_channel); var universal = window.Echo.channel('universal'); channel.listen('updateDisplayScreen', function (data) { //Refreshes the page setTimeout(function () { fetch_lottery(); }, 500); });

[@shabastech]

first to comment ttttttttt

[@LaravelPHP]

This was fast ⚡

[@shocchosolutions]

​@@LaravelPHPherd release date for Windows

[@p1z137]

this extreme zoom triggers me 🥸

[@p1z137]

thanks for the video 😇

[@gabozanel1456]

nice video but imho kind of dissapointing. you use a channel 'orders.{id}' which isn't reusable at all. if my app has millions of orders, I'd need millions of subscriptions. one for each. that's an issue and sadly you don't even point that out.

[@najeebanwari9455]

how can I use it with android or flutter app?