laravel - 使用 Laravel 回显和广播创建动态频道

Question

我正在尝试创建一个聊天，用户可以在其中创建一对一的对话，甚至是群组对话。我正在使用 Laravel 5.5 和 Vue.js。

从我从文档中读到的内容中，可以使用通配符加入聊天：

Echo.join('chat.'{roomId})
        //.here()
        //.joining()
        //.leaving()
        .listen('MessagePosted', (e) => {
            //Some action
        });
});

routes/channels.php我应该使用

Broadcast::channel('chat.{roomId}', function ($user, $roomId) {
    //some form of authentication
});

但是我应该把 Echo 功能放在哪里呢？

我正在创建 Vue 应用程序

const app = new Vue({
el: '#app',
data: {
    //Some arrays
},
methods: {
    //some methods
},
created() {
    //some axios functions to happen when it is created

    Echo.join('chatroom')
        //.here()
        //.joining()
        //.leaving()
        .listen('MessagePosted', (e) => {
            console.log(e);
            this.messages.push({
                message: e.message.message,
                user: e.user
            });
        });

}

});

如您所见，我曾经创建一个通用频道，其中创建的每个实例#app都会加入。但我想改变它加入某个频道。

Answer 1

比我想象的要容易。

刚刚创建的方法将在我希望更改频道时调用，例如，不同的窗口聊天。将函数放在方法中

showThread(thread) {
    Echo.leave(/*The last channel*/);
    Echo.join(/*New room*/)
        .listen('MessagePosted', (e) =>{/*actions*/}

不确定不断调用它是否是最佳做法，但它确实有效。如果有人发现这个并有问题或建议，我很乐意听到。