使用 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 搭建的聊天室

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


欢迎批评和交流。

本帖已被设为精华帖!
本帖由 MArtian 于 3周前 加精
《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
《L03 构架 API 服务器》
你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程,JWT 概念及使用 和 API 开发相关的进阶知识。
讨论数量: 10

感谢分享!

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

file

3周前 评论
xuchunyang (楼主) 3周前
Stack_Overflow 3周前
leslieeilsel (作者) 3周前

666

3周前 评论
xuchunyang (楼主) 3周前

江湖救急

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

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

window.Echo.channel(`test`)
    .listen('App\\\\Events\\\\TestEvent', (e) => {
        console.log(233);
        console.log(e);
    });
3天前 评论
xuchunyang (楼主) 3天前

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

这是我之前用的代码:

    echo.channel("chat")
        .listen(
            "MessageCreated", ...
3天前 评论
小李世界 3天前

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