Skip to content

自己从0到1独立开发的聊天室项目,基本功能已经实现,未来视情况添加更多内容。(这是前端部分)

Notifications You must be signed in to change notification settings

ztygod/tianyi-chat-frontend

Repository files navigation

tianyi-chat

五六天的时间,自己从零到一完成了整个即时通讯聊天室全栈项目。总的来说遇到了很多问题也踩了很多坑,但是通过自己的思考与实践,许多问题也得以解决,希望自己以后仍能认真思考,多多实践吧🎊🎊🎊

项目功能

  • 实现了登录鉴权功能,根据用户信息生成token并返还给前端,同时利用express-jwt来验证前端身份。✨
  • 编写后端接口与API,同时配置MySQL,利用sql语句实现对用户信息与聊天记录的查询与更改。✨
  • 后端通过存储在线用户的socket.id,加入聊天接受方的socket房间,实现私聊功能✨
  • 利用pinia保存socket.io实例对象,利用实例对象的监听与触发事件来实现前后端即时通信。✨
  • 渲染所有用户信息在前端界面,点击按钮用户可与所有用户进行聊天。✨
  • 编写类型接口。定义对象结构,保障代码类型安全性。✨

界面

屏幕截图 2024-08-11 110028.png

About

自己从0到1独立开发的聊天室项目,基本功能已经实现,未来视情况添加更多内容。(这是前端部分)

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published