• Stars
    star
    141
  • Rank 258,647 (Top 6 %)
  • Language
    CSS
  • Created over 6 years ago
  • Updated over 5 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

基于Vue的点对点聊天项目

前提

一个基于平台内部的聊天项目,需要实现用户之间可以相互聊天发送消息,可以添加好友等功能。且消息必须是实时性的,并且用户下线后再次上线可以接受离线消息。

技术栈

Vue.js + Html5 + CSS3 + Sass + Vuex + Axios + Websocket 等

源码

Github

技术难点

  • 实现从好友列表到聊天列表的发起
  • 消息的存储
  • 上下线状态的即时变动
  • 收到消息即使提醒以及未读消息的数量
  • 好友删除的通知 等等

项目运行

项目截图

1.png

2.png

3.png

4.png

6.png