Unable to Receive Messages on Frontend with (Echo) after Setting Up Laravel Reverb

[srtamarques]

Laravel Version

11

PHP Version

8.2

Database Driver & Version

No response

Description

Hello, I am facing an issue where my frontend is successfully connecting to the WebSocket server, but it does not receive any messages from the backend. Below are the details of my setup:

Environment:
Laravel Version: 11
WebSocket Server: Laravel WebSockets using the Reverb package
Frontend: Echo (connected to WebSocket)

Steps Taken:
Backend Setup: I have set up the Laravel WebSockets server using the Reverb package, running on localhost:5000.

1- I use the following command to start the server:

2- Queue Worker: I am running the queue worker in the background with the following command to process the event:

3- Frontend Setup: On the frontend, I use Echo to connect to the WebSocket:

4- Event Dispatch: I am dispatching the event on the backend like this:

Event:

5- Frontend Listening: On the frontend, I am subscribing to the channel and listening for the event:

Issue:
The connection to the WebSocket server is established successfully (ws://localhost:5000/).
The event is being dispatched and processed by the queue worker successfully.
However, the frontend does not receive any messages when the event is triggered.

Steps To Reproduce

Steps To Reproduce:

Create a new Laravel project and install beyondcode/laravel-websockets or Reverb WebSockets.
Configure the WebSocket server by publishing the necessary configurations and running migrations.
Set up WebSocket broadcasting in .env with the correct Pusher settings.
Start the WebSocket server locally with php artisan websockets:serve.
Create a custom event (e.g., MessageSentTrackingEvent) and configure it to broadcast on a channel.
Set up the frontend (e.g., Vue.js) to connect to the WebSocket server using Echo.
Dispatch the event from the backend using MessageSentTrackingEvent::dispatch().
Listen for the event in the frontend.
Run the queue worker with php artisan queue:work.
After triggering the event, no message is received on the frontend, even though the WebSocket connection is established.

[crynobone]

Hey there, thanks for reporting this issue.

We'll need more info and/or code to debug this further. Can you please create a repository with the command below, commit the code that reproduces the issue as one separate commit on the main/master branch and share the repository here?

Please make sure that you have the latest version of the Laravel installer in order to run this command. Please also make sure you have both Git & the GitHub CLI tool properly set up.

laravel new bug-report --github="--public"

Do not amend and create a separate commit with your custom changes. After you've posted the repository, we'll try to reproduce the issue.

Thanks!