使用 Laravel Reverb 和 Vue SPA 搭建的聊天室

线上体验： 点击此处
GitHub仓库： 项目链接

上周日我利用 Laravel Reverb 搭建了一个聊天室。起初，我只是想了解 Reverb 的部署情况，但在实践过程中，我不得不运用各种 Laravel 知识，同时还练习了 Vue SPA 的应用。

这个应用部署在一台全新的 Ubuntu 22.04 轻量级服务器上，采用了 Caddy + PHP FPM + Reverb 的组合，任务队列和 Reverb 都由 Supervisor 管理。之前我一直使用 Forge/BT 宝塔/1Panel 进行部署，但这次尝试手动部署的体验也非常不错，自己操作的过程反而让我更自如地掌握了环境的配置。

运行效果：

使用 Reverb 和 Vue 搭建的聊天室

如果图片无法加载，请点击此处查看运行效果。

欢迎批评和交流。

laravel-reverb vue

本帖已被设为精华帖！

本帖由 MArtian 于 10个月前加精

xuchunyang

285 声望

暂无个人描述~

11 人点赞

你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程，JWT 概念及使用和 API 开发相关的进阶知识。

以构建论坛项目 LaraBBS 为线索，展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。

讨论数量: 10

Hao-king

31 声望

666

10个月前评论

xuchunyang （楼主）

欢迎分享和交流哈，相互学习

leslieeilsel

Laravel 8.x 译者 288 声望

感谢分享！

我这几天也在学习，正在做一个简单的QQ :joy:

file

10个月前评论

xuchunyang （楼主）

加油哈！我的其实就是简单的 CRUD，但只要能做出来、跑起来，过程之中总会遇到各种问题，也会有意外的收获。

Stack_Overflow

很棒兄嘚，你这后端用了哪些技术啊

leslieeilsel （作者）

@Stack_Overflow 目前也是简单的CRUD，Laravel + Laravel Reverb + pgsql。

小李世界

Laravel 8.x 译者 2.0k 声望 / Doge 先锋 @ dogeow.com

江湖救急

大佬，我第一次弄好了，后面重新 npm run build 就坏掉了。

表现在 websocket 能收到事件的数据，但是这个代码打印不出来

window.Echo.channel(`test`)
    .listen('App\\\\Events\\\\TestEvent', (e) => {
        console.log(233);
        console.log(e);
    });

10个月前评论

xuchunyang （楼主）

参考楼下，可能我回复错位置了。

xuchunyang

285 声望

试试 listen('TestEvent')，默认是类名称，不带前缀的。

这是我之前用的代码：

    echo.channel("chat")
        .listen(
            "MessageCreated", ...

10个月前评论

小李世界

对，是这个问题，TestEvent 可以，谢谢。我还以为怎么突然不行，原来被我改了重新打包。

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容，与人为善，比聪明更重要！

帮助

使用 Laravel Reverb 和 Vue SPA 搭建的聊天室

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

使用 Laravel Reverb 和 Vue SPA 搭建的聊天室

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

请登录