Skip to content

Latest commit

 

History

History
40 lines (27 loc) · 1008 Bytes

README.md

File metadata and controls

40 lines (27 loc) · 1008 Bytes

ichat(一对一聊天/前后端分离)

线上项目,在线预览地址

写在最前!你可以看到用 Vue3 写一个即时通讯应用,在浏览器中实现 wx 同样离线聊天数据,利用浏览器 indexedb 保存大量聊天数据在本地,持续更新到完整聊天室的功能~持续更新中

如何启动项目打开 chat / server

  • 安装依赖项
    • npm/yran/pnpm install
  • 启动服务
    • npm run dev
  • 安装并且启动 mongoDB
    • 修改 server/config 下的 MONGODB_URL 为本地地址

技术栈

前端:Vue3+Vant+Vite

后端:Nodejs(express)+mongoDB

通信:Websocket

功能

  • 注册登录功能
  • 消息列表
  • 聊天室
  • 聊天功能(文字)
  • 聊天功能(表情)
  • 搜索用户
  • 更多功能

预览图

image