Laravel Echo joining()/leaving()事件未触发（含窗口关闭场景）求助

我之前也碰到过一模一样的问题！结合自己踩过的坑和社区里的经验，给你几个排查和解决的方向：

1. 确认 Presence 频道的认证逻辑是否正确 #

Presence 频道的用户识别完全依赖服务端的认证返回值，这是joining/leaving触发的核心前提：

• 打开routes/channels.php，检查你的频道定义是否正确，并且必须返回包含id字段的用户数据：

  Broadcast::channel('account_{accountId}', function ($user, $accountId) {
      // 先验证用户是否有权限访问该账户频道
      if ($user->account_id == $accountId) {
          // 必须返回id字段，Pusher靠这个识别唯一用户
          return ['id' => $user->id, 'name' => $user->name];
      }
      return false;
  });
  

• 如果返回的用户数据没有id，Pusher无法区分用户，自然不会触发进出事件。

2. 检查 Laravel Echo 的初始化配置 #

前端的认证配置出错也会导致 Presence 频道的事件异常：

• 确保 Echo 初始化时配置了正确的authEndpoint和 CSRF 令牌：

  window.Echo = new Echo({
      broadcaster: 'pusher',
      key: process.env.MIX_PUSHER_APP_KEY,
      cluster: process.env.MIX_PUSHER_APP_CLUSTER,
      encrypted: true,
      authEndpoint: '/broadcasting/auth', // Laravel 默认路径，不要改除非你自定义了
      auth: {
          headers: {
              'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').content
          }
      }
  });
  

• 还要确认当前用户处于登录状态——Presence 频道只允许认证用户加入，未登录用户无法触发进出事件。

3. 验证队列服务是否正常运行 #

Laravel 的广播事件默认是通过队列发送的（除非你在事件类里用了shouldBroadcastNow()）：

• 启动队列 worker：php artisan queue:work
• 检查.env里的QUEUE_CONNECTION是否为sync以外的驱动（比如database），如果是sync，虽然能触发here()，但异步的joining/leaving可能会有延迟或异常。

4. 排查前端回调的语法错误 #

看你提供的代码里，leaving的回调没写完（this.props.setOnlineStatus(t...），这种语法错误会直接导致整个回调函数失效：

• 先简化回调逻辑，只保留日志打印，验证事件是否能触发：

  window.Echo.join('account_'+this.props.account.id)
    .joining((user) => { console.log('用户进入:', user); })
    .here(users => { console.log('当前在线用户:', users); })
    .leaving(user => { console.log('用户离开:', user); })
  

• 还要确保这段代码是在组件挂载完成后执行的（比如 React 的componentDidMount、Vue 的mounted钩子），避免在未初始化的环境中运行。

5. 用 Pusher 控制台验证事件是否发送 #

登录 Pusher 后台的「Debug Console」，查看对应应用的事件流：

• 如果控制台里能看到pusher:member_added和pusher:member_removed事件，说明服务端没问题，问题出在前端监听；
• 如果看不到这些事件，说明服务端的广播逻辑或配置有问题，回到第一步重新排查。

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