Laravel集成Pusher使用broadcastAs传参前端接收异常求解

Laravel事件广播默认只会将事件类中public修饰的属性自动序列化后作为推送载荷发送到前端，你代码中$pos_invoice是protected修饰，不会被纳入广播数据，因此前端收到的data是空数组。
你之前修改频道名、事件名后收不到消息，是因为Pusher要求前后端订阅的频道名、绑定的事件名必须完全一致，后端修改后前端未同步修改对应参数，自然无法接收事件，和参数传递逻辑无关。

• 方案1：将需要广播的属性改为public修饰
  修改事件类的属性定义，Laravel会自动将public属性序列化为广播数据，注意事件类必须实现ShouldBroadcast接口，否则不会触发广播推送：

  <?php
  
  namespace App\Events;
  
  use Illuminate\Broadcasting\Channel;
  use Illuminate\Contracts\Broadcasting\ShouldBroadcast;
  
  class New_pos_online_order_event implements ShouldBroadcast
  {
      // 把protected改为public，该属性会自动加入广播载荷
      public $pos_invoice;
  
      public function __construct($pos_invoice)
      {
          $this->pos_invoice = $pos_invoice;
      }
  
      public function broadcastOn()
      {
          return new Channel('my-channel');
      }
  
      public function broadcastAs()
      {
          return 'my-event';
      }
  }
  

• 方案2：通过broadcastWith()方法自定义广播载荷
  如果不想把属性设为public，可以手动定义返回给前端的数据结构，该方法优先级高于自动序列化public属性的逻辑：

  protected $pos_invoice;
  public function __construct($pos_invoice)
  {
      $this->pos_invoice = $pos_invoice;
  }
  
  public function broadcastOn()
  {
      return new Channel('my-channel');
  }
  
  public function broadcastAs()
  {
      return 'my-event';
  }
  
  public function broadcastWith()
  {
      // 自定义返回给前端的数据结构
      return [
          'invoice_data' => $this->pos_invoice,
          'extra_field' => '自定义字段值'
      ];
  }
  

• 配置校验

  1. 确认.env中BROADCAST_DRIVER=pusher，config/broadcasting.php里的pusher密钥、cluster配置和你前端初始化Pusher的参数一致
  2. 如果广播开启了队列驱动，必须启动队列进程php artisan queue:work，否则事件不会被推送到Pusher服务端
  3. 非必要不要随意修改频道名、事件名，如果修改必须同步修改前端pusher.subscribe()的频道参数、channel.bind()的事件名参数，保证前后端完全匹配。

修改完成后重新触发事件，前端控制台打印的data就会包含你传递的参数，比如调用event(new \App\Events\New_pos_online_order_event('aa'))时，采用方案1会收到{pos_invoice: "aa"}结构的数据，采用方案2会收到你在broadcastWith()中定义的结构。

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