哈喽，大家好！我是前端实验室的小师妹!
昨天小师妹逛Gitee，无意间发现了这款开源的聊天应用，使用全新技术完成的通讯聊天网页！实现了即时通讯的基本功能，UI也很美观~
这不赶紧分享给大家学习~
HasChat 聊天应用
HasChat 是一款基于vue3 socket.io的极简聊天应用。
前端采用 Vue3 Vite TypeScript Naive UI Socket.io 等技术栈，后端使用 Express.js 技术栈。
作者使用了全新的技术栈开发了这个功能，并开源供大家学习参考！点赞！
作者开源目的旨在给刚学习该领域的新人一些引路，不管你是前端还是后端，都能对你在通讯聊天这个领域有一点点的启发。
功能一览
- 登陆、随机获取用户登陆
- 发送邮箱验证码注册
- 发送表情 文字组合的富文本内容
- 发送图片内容，查看大图
- enter发送信息，enter ctrl换行输入内容
- 消息提醒
- 未读消息标记
- 记录历史会话
- 记录历史聊天内容
- 切换主题
下载项目
后端：分为mysql版本（分支main）和json版本（分支master）
json版本主要是为了不懂mysql的新手学习。
前端仓库：
代码语言：javascript复制https://gitee.com/howcode/has-chat.git
后端 mysql版本：
代码语言：javascript复制git clone -b main https://gitee.com/howcode/has-chat-service.git
后端 json版本：
代码语言：javascript复制git clone -b master https://gitee.com/howcode/has-chat-service.git
项目目录
启动项目
代码语言：javascript复制npm install
项目的Readme文件提供了详细的项目部署教程、项目目录结构、Api接口等。
作者也在一直维护更新，也制定了未来开发计划，希望可以坚持下去吧！再次为作者的开源精神和技术点个赞~
点击下方卡片回复 20220315 获取项目地址。
写在最后
欢迎加入前端实验室读者交流群，群里有不少技术大神，不定时会分享一些技术要点，更有一些资源收藏爱好者会分享一些优质的学习资料。吃瓜、摸鱼、白嫖技术就等你了~
进群方式：在下方公众号后台，回复 111 ，按提示操作即可进群。
