基于Vue的点对点聊天项目

前提

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

技术栈

Vue.js &＃43; Html5 &＃43; CSS3 &＃43; Sass &＃43; Vuex &＃43; Axios &＃43; Websocket 等

源码

Github

项目实例

• 因为项目接口为线上接口 本地运行会报错 你可以将本地loaclhost 地址 指向 stone.snail.com
• 或者直接访问 线上地址 在 另一个项目社区 注册账号 返回后即可体验

技术难点

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

项目运行

• git clone https://github.com/jiaopianjun/echat.git
• npm install
• npm run dev

项目截图