Laravel + Swoole + vue3 搭建一个简易的前后即时通讯聊天项目

KnowThat.chat

打造一个免费的客服 sass 系统,支持私有化部署

仓库

前端: github.com/know-that/chat.web
后端: github.com/know-that/chat.api

预览

地址:chat.knowthat.cn
Laravel + Swoole + vue3 搭建一个简易的前后即时通讯聊天项目

主要功能

  • 好友申请
  • 用户搜索
  • 系统通知(非实时现在需要刷新页面,后续支持实时)
  • 及时聊天对话
  • 聊天表情发送

后续支持

  • 基本信息修改
  • 系统通知(实时提醒)
  • gif 动图
  • 表情收藏
  • 附件发送
  • 文件传输助手

补充

1、目前只是实现代码层面,还需要很多的优化。
2、部署安装文档未更新。
3、仓库描述信息等未完善。
4、目前是测试阶段,项目是 debug 环境。
5、测试相关:需要加好友进行对话,可以在两个浏览器分别注册账户,然后添加好友即可。

使用帮助

登录&注册

Laravel + Swoole + vue3 搭建一个简易的前后即时通讯聊天项目

添加好友

通过搜索账户来添加,如 添加我(knowthat@qq.com
Laravel + Swoole + vue3 搭建一个简易的前后即时通讯聊天项目

Laravel + Swoole + vue3 搭建一个简易的前后即时通讯聊天项目

Laravel + Swoole + vue3 搭建一个简易的前后即时通讯聊天项目

切换账户审核

可以使用两个浏览器打开页面,这样就无需反复退出登入了
Laravel + Swoole + vue3 搭建一个简易的前后即时通讯聊天项目

Laravel + Swoole + vue3 搭建一个简易的前后即时通讯聊天项目

审核通过后,手动刷新页面,既可以看到会话列表了

Laravel + Swoole + vue3 搭建一个简易的前后即时通讯聊天项目

恭喜你们可以聊骚了

注意:
1、请勿进行py交易的对话
2、禁止发布赌毒相关内容

友善的警示

服务器目前又多个项目,而且配置非常低,1核1g1m的带宽,望大佬勿压测接口🙏🙏🙏。

本作品采用《CC 协议》,转载必须注明作者和本文链接
未知的永远是最精彩的!
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
《G01 Go 实战入门》
从零开始带你一步步开发一个 Go 博客项目,让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。
讨论数量: 33

我发现个规律,有关php的聊天,都会加个简易 :joy:

1年前 评论
看上隔壁小花了啦 (楼主) 1年前

file
这个怎么测试登录呀,有测试账号吗?,登录地址是啥?

1年前 评论
臭鼬 1年前
看上隔壁小花了啦 (楼主) 1年前
Weiwen (作者) 1年前
Weiwen (作者) 1年前
臭鼬 1年前
Weiwen (作者) 1年前
看上隔壁小花了啦 (楼主) 1年前
Weiwen (作者) 1年前
看上隔壁小花了啦 (楼主) 1年前
看上隔壁小花了啦 (楼主) 1年前

不知道有没有逻辑图 :stuck_out_tongue_closed_eyes:

1年前 评论
看上隔壁小花了啦 (楼主) 1年前
臭鼬 (作者) 1年前
看上隔壁小花了啦 (楼主) 1年前
臭鼬 (作者) 1年前
看上隔壁小花了啦 (楼主) 1年前

file
电脑屏幕想看到就是这个样子的了

1年前 评论
看上隔壁小花了啦 (楼主) 1年前

大佬咨询个问题,授权登录想用Passport的TOKEN应该怎么解决

1年前 评论
看上隔壁小花了啦 (楼主) 1年前
臭鼬 (作者) 1年前
臭鼬 (作者) 1年前
看上隔壁小花了啦 (楼主) 1年前
看上隔壁小花了啦 (楼主) 1年前
看上隔壁小花了啦 (楼主) 1年前
臭鼬 (作者) 1年前
臭鼬 (作者) 1年前

workerman 也一样可以做的,都是WebSocket,剩下的交给laravel或者tp,只是swoole不好在windows下开发,workerman很简单,都是常驻内存,不过不知道高并发效果怎么样,2年前就做了一个

1年前 评论
看上隔壁小花了啦 (楼主) 1年前

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