基于Vue的点对点聊天项目__Vue.js__前端__Vuex
粉丝福利 : 关注VUE中文社区公众号,回复视频领取粉丝福利
前提
一个基于平台内部的聊天项目,需要实现用户之间可以相互聊天发送消息,可以添加好友等功能。且消息必须是实时性的,并且用户下线后再次上线可以接受离线消息。
技术栈
Vue.js + Html5 + CSS3 + Sass + Vuex + Axios + Websocket 等
源码
项目实例
- 因为项目接口为线上接口 本地运行会报错 你可以将本地loaclhost 地址 指向 stone.snail.com
- 或者直接访问 线上地址 在 另一个项目社区 注册账号 返回后即可体验
技术难点
- 实现从好友列表到聊天列表的发起
- 消息的存储
- 上下线状态的即时变动
- 收到消息即使提醒以及未读消息的数量
- 好友删除的通知 等等
项目运行
- git clone https://github.com/jiaopianjun/echat.git
- npm install
- npm run dev
项目截图
欢迎关注 公众号【小夭同学】
版权声明:著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。 作者: 执行上下文 原文链接:https://juejin.im/post/6844903620438147085