如何从Laravel App中聆听广播活动到VUE应用程序

Question

我正在制作一个具有2个不同框架的应用程序， laravel 5.5 和 vuetify 1.5 ( vuejs 2.0 (。现在，我正在尝试使用 PUSHER 从Laravel应用程序进行广播事件，并使Vuetify Project听它，但是...有问题。

我的目的是创建服务工作者来聆听私人频道，并在聆听该事件上派遣本地通知。但是我无法迈出第一步，听这次活动。

• 我如何从另一个JavaScript框架从Laravel App派遣的事件？

Answer 1

vuejs

  window.Echo.channel("channel-name").listen(".channel-app", e => {
    console.log(e);
 });

---

laravel

事件

public function broadcastOn()
{
    return new Channel('channel-name');
}
public function broadcastAs()
{
    return 'channel-app';
}

控制器

public function test()
{
    broadcast(new MessageSent());
}

频道

Broadcast::channel('channel-name', function(){ return true; });