这款开源的IM 聊天应用太牛逼了！

哈喽，大家好！我是前端实验室的小师妹!

昨天小师妹逛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的新手学习。

前端仓库：

https://gitee.com/howcode/has-chat.git

后端 mysql版本：

git clone -b main https://gitee.com/howcode/has-chat-service.git

后端 json版本：

git clone -b master https://gitee.com/howcode/has-chat-service.git

项目目录

启动项目

npm install

项目的Readme文件提供了详细的项目部署教程、项目目录结构、Api接口等。

作者也在一直维护更新，也制定了未来开发计划，希望可以坚持下去吧！再次为作者的开源精神和技术点个赞~

点击下方卡片回复 20220315 获取项目地址。

写在最后

欢迎加入前端实验室读者交流群，群里有不少技术大神，不定时会分享一些技术要点，更有一些资源收藏爱好者会分享一些优质的学习资料。吃瓜、摸鱼、白嫖技术就等你了~

进群方式：在下方公众号后台，回复 111 ，按提示操作即可进群。