{"id":17194076,"url":"https://github.com/xuchunyang/chat","last_synced_at":"2026-02-27T01:01:54.221Z","repository":{"id":229856420,"uuid":"776853138","full_name":"xuchunyang/chat","owner":"xuchunyang","description":"用 Laravel Reverb 和 Vue SPA 开发的聊天室","archived":false,"fork":false,"pushed_at":"2024-03-26T15:30:08.000Z","size":4136,"stargazers_count":4,"open_issues_count":8,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-03-21T07:45:36.059Z","etag":null,"topics":["laravel","laravel-reverb","vue","websocket"],"latest_commit_sha":null,"homepage":"https://chat.xuchunyang.cn/","language":"PHP","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/xuchunyang.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2024-03-24T16:20:08.000Z","updated_at":"2025-03-13T16:46:36.000Z","dependencies_parsed_at":"2024-03-26T16:54:30.367Z","dependency_job_id":null,"html_url":"https://github.com/xuchunyang/chat","commit_stats":null,"previous_names":["xuchunyang/chat"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/xuchunyang/chat","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xuchunyang%2Fchat","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xuchunyang%2Fchat/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xuchunyang%2Fchat/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xuchunyang%2Fchat/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/xuchunyang","download_url":"https://codeload.github.com/xuchunyang/chat/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xuchunyang%2Fchat/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29879899,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-26T23:51:21.483Z","status":"ssl_error","status_checked_at":"2026-02-26T23:50:46.793Z","response_time":89,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["laravel","laravel-reverb","vue","websocket"],"created_at":"2024-10-15T01:45:54.020Z","updated_at":"2026-02-27T01:01:54.204Z","avatar_url":"https://github.com/xuchunyang.png","language":"PHP","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 用 Laravel Reverb 和 Vue SPA 开发的聊天室\n\n![](./demo.gif)\n\n## 介绍\n\n这是一个使用 Laravel Reverb 和 Vue SPA 开发的聊天室，支持多房间、多用户、实时聊天等功能。\n\n## 技术栈\n\n\u003e [!NOTE]\n\u003e 前后端公用一个仓库，通过 Laravel Sanctum 来处理 SPA 登陆认证。\n\n后端是 Laravel，采用 Laravel Reverb 作为 WebSocket 服务器，负责从 Event 事件中推送消息到前端。\n\n前端是 Vue SPA，使用了 Vue Router 作为路由管理，Pinia 共享全局状态，Tailwind CSS 添加样式。\n\n## 本地开发\n\n常规的 Laravel 项目开发流程，不再赘述。\n\n### `.env` 设置\n\n配置 `.env` 文件时，确保广播连接设置为 `reverb`，如下：\n\n```dotenv\nBROADCAST_CONNECTION=reverb\n```\n\n\u003e [!WARNING]\n\u003e `BROADCAST_CONNECTION` 默认是 log 哦，这里要改成 reverb，别像我部署的时候忘了改，浪费了一个小时\n\n\n添加 Reverb 的配置，新项目安装 Reverb 时会自动生成并写入 `.env`，但是部署或者 git clone 时，需要手动添加，如下：\n\n```dotenv\nREVERB_APP_ID=321494\nREVERB_APP_KEY=v7pw8vesuuhaguqg3zop\nREVERB_APP_SECRET=0ikht21jxdfge9dyg6h5\nREVERB_HOST=\"localhost\"\nREVERB_PORT=8080\nREVERB_SCHEME=http\n\nVITE_REVERB_APP_KEY=\"${REVERB_APP_KEY}\"\nVITE_REVERB_HOST=\"${REVERB_HOST}\"\nVITE_REVERB_PORT=\"${REVERB_PORT}\"\nVITE_REVERB_SCHEME=\"${REVERB_SCHEME}\"\n```\n\n\u003e [!TIP]\n\u003e - `REVERB_APP_ID` `REVERB_APP_KEY` `REVERB_APP_SECRET` 具体是什么不重要，随便填写即可；\n\u003e - `REVERB_HOST` `REVERB_PORT` `REVERB_SCHEME` 只对 Vite 有效，如果你不喜欢默认的配置，从命令行才能修改。\n\n\n如果需要 @kimi 支持，还需要添加 Moonshot 的 API：\n\n\u003e [!TIP]\n\u003e Moonshot 免费额度内可能限制较大，比如 3 RPM（每分钟最多 3 次）等\n\n```dotenv\nMOONSHOT_API_KEY=sk-xxx\n```\n\n### 本地运行\n\nReverb 是通过异步事件才能触发，因此得把队列跑起来：\n\n```shell\nphp artisan queue:listen\n```\n\n然后再启动 Reverb 服务：\n\n```shell\nphp artisan reverb:work --debug\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fxuchunyang%2Fchat","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fxuchunyang%2Fchat","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fxuchunyang%2Fchat/lists"}