Laravel Websockets+Laravel Echo无法监听事件求助

从你的配置细节来看，我梳理出了几个关键问题，咱们一步步排查修复：

1. 频道名称不匹配（最核心的原因） #

你的TestEvent中定义的广播频道是order-created：

public function broadcastOn()
{
    return new Channel('order-created');
}

但前端Echo监听的却是orders-created（多了一个s）：

Echo.channel('orders-created')

这直接导致前端订阅的频道和事件广播的频道完全脱节，自然收不到任何消息。把前端的频道名改成order-created即可。

2. 事件监听的命名格式错误 #

你当前的事件监听写法存在格式问题：

.listen('.Domain\\Order\\Events\\TestEvent', (e) => { ... })

Laravel Echo监听事件时，用点分隔命名空间的正确格式是去掉开头的点，并用点替换反斜杠；或者通过自定义广播名称来简化写法。

推荐两种修正方式：

方式一：使用点分隔的标准命名空间 #

.listen('Domain.Order.Events.TestEvent', (e) => {
    console.log('works');
    console.log(e);
});

方式二：自定义广播名称（更优雅） #

在TestEvent中添加broadcastAs()方法：

public function broadcastAs()
{
    return 'test-event';
}

然后前端这样监听（注意开头的点）：

.listen('.test-event', (e) => {
    console.log('works');
    console.log(e);
});

3. 确保队列服务在运行 #

实现ShouldBroadcast接口的事件默认是异步广播，依赖Laravel队列驱动。如果没启动队列worker，事件会被存在队列中但不会被处理，自然不会触发广播。

在容器内运行启动命令：

php artisan queue:work

本地开发也可以用queue:listen（修改代码后无需重启）：

php artisan queue:listen

如果仅在开发环境测试，也可以改用ShouldBroadcastNow接口实现同步广播：

use Illuminate\Contracts\Broadcasting\ShouldBroadcastNow;

class TestEvent implements ShouldBroadcastNow
{
    // 其余代码保持不变
}

4. Echo配置补充forceTLS: false #

你的前端Echo配置中，虽然设置了encrypted: false，但建议补充forceTLS: false，避免自动切换到wss协议导致连接失败：

window.Echo = new Echo({
    broadcaster: 'pusher',
    key: 'test',
    wsHost: window.location.hostname,
    wsPort: 6001,
    disableStats: true,
    encrypted: false,
    forceTLS: false // 新增这一行
});

Docker中phpfpm容器的6001端口映射是正确的，这部分无需调整。

5. 移除不必要的PUSHER集群配置 #

由于你使用的是本地Laravel WebSockets服务，而非官方Pusher集群，建议在config/broadcasting.php中注释或删除集群配置：

'options' => [
    // 'cluster' => env('PUSHER_APP_CLUSTER'), // 注释或删除该行
    'encrypted' => false,
    'host' => '127.0.0.1',
    'port' => 6001,
    'scheme' => 'http'
],

同时.env中的PUSHER_APP_CLUSTER=eu也可以删除，避免干扰本地服务。

6. 排查事件序列化问题 #

如果上述步骤都无效，可以临时简化事件的广播数据，排除模型序列化失败的可能：

public function broadcastWith()
{
    return ['order_id' => $this->order->id];
}

用简单数据测试，确认广播流程是否正常。

优先排查前两个问题（频道名和事件监听格式），这是最容易忽略也最影响结果的点。按照步骤调整后，应该就能解决Echo收不到消息的问题了。

内容的提问来源于stack exchange，提问作者SakuragiRokurota