Laravel Echo 不监听推送事件

Question

尝试使用 laravel 和 vuejs 创建一种聊天应用程序。发送消息后，我会从 laravel 触发事件，该事件会使用正确的事件类反射(reflect)在推送器调试控制台上，但根本不会调用来自 vuejs 的监听回调。

created () {
        window.Echo.channel('chat')
            .listen('MessageSent', (e) => {
                console.log(e); //not getting this
                this.sentMessages.push({
                    message: e.message.message,
                    user: e.user
                });
            });

    },

下面是 Pusher 的调试控制台的屏幕截图 see the image here as am told I can't embed images yet

Answer 1

试试这个:

created () {
        window.Echo.channel('chat')
            .listen('App\\Events\\Chats\\MessageSent', (e) => {
                console.log(e);
                this.sentMessages.push({
                    message: e.message.message,
                    user: e.user
                });
            });

    },

默认情况下，Laravel 将使用事件的类名来广播该事件。但是，您可以通过在事件上定义broadcastAs 方法来自定义广播名称:

public function broadcastAs()
{
    return 'server.created';
}

The above was copy pasted from Laravel Broadcast Name

我的建议:

我一直使用私有(private) channel 进行聊天，您也必须如此。 Read here why