How to listen broadcast events into vue app from laravel app

Question

I'm making an app with 2 different frameworks, Laravel 5.5 and Vuetify 1.5 (Vuejs 2.0). Now I'm trying to make broadcast events dispatched from laravel app using pusher and to make vuetify project listen it but... There is the problem.

My intention is to create service worker to listen the private channel and dispatch local notification on listen that event. But I couldn't do the first step, to listen the event.

How can I listen events dispatched from private channel by laravel app from another javascript framework?

I read the laravel docs of broadcasting 3 or 4 times today. The problem is that I'm trying to listen private channel, and to do this I need to authenticate. But I will try to use socketio and public channel because now I'm using pusher with private channel. — axsor
– axsor, Commented Apr 23, 2018 at 9:44
Did you try laravel echo server? It supports auth and private channels. Uses socket.io also. — Brian Lee
– Brian Lee, Commented Apr 23, 2018 at 9:47

Naing Min Khant · Accepted Answer · 2018-12-05 09:48:24Z

2

VueJs

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

Laravel

Event

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

public function broadcastAs()
{
    return 'channel-app';
}

Controller

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

channel

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

edited Dec 5, 2018 at 9:48

answered Dec 5, 2018 at 9:41

Naing Min Khant

1512 silver badges6 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

kamran Over a year ago

where will I put this channel "Broadcast::channel('channel-name', function(){ return true; });"

Collectives™ on Stack Overflow

How to listen broadcast events into vue app from laravel app

1 Answer 1

VueJs

Laravel

Event

Controller

channel

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

VueJs

Laravel

Event

Controller

channel

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related