使用 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 于 4周前加精

xuchunyang

163 声望

暂无个人描述~

11 人点赞

我们将带你从零开发一个项目并部署到线上，本课程教授 Web 开发中专业、实用的技能，如 Git 工作流、Laravel Mix 前端工作流等。

从小程序个人账户申请开始，带你一步步进行开发一个微信小程序，直到提交微信控制台上线发布。

推荐文章：

更多推荐...

博客

PHP Annotated——2023 年 12 月 25 / 2 |

分享创造

使用 Laravel 10 & Vue 3 开发了一个社区站，一起来玩下～ 17 / 39 |

博客

[开源项目] 基于 laravel 开发的一个社区/社交小程序 23 / 47 |

分享创造

借着Laracon的热潮，在这里留个static-php-cli的分享！ 19 / 19 |

博客

laravel集成workerman实现websocket多端及时通讯 32 / 7 |

博客

🎈Slow Admin - 快速且灵活的后台框架 17 / 19 |

讨论数量: 10

Hao-king

16 声望

666

1个月前评论

xuchunyang （楼主）

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

leslieeilsel

Laravel 8.x 译者 288 声望

感谢分享！

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

file

4周前评论

xuchunyang （楼主）

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

Stack_Overflow

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

leslieeilsel （作者）

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

小李世界

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

江湖救急

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

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

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

1周前评论

xuchunyang （楼主）

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

xuchunyang

163 声望

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

这是我之前用的代码：

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

1周前评论

小李世界

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

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

帮助

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

推荐文章：

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

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

推荐文章：

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

请登录