基于Vue的点对点聊天项目
发布于 4个月前 作者 lieone 1151 次浏览 最后一次编辑是 2个月前 来自 分享

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

####技术栈 Vue.js + Html5 + CSS3 + Sass + Vuex + Axios + Websocket 等

源码

Github

项目实例

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

技术难点

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

项目运行

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

项目截图

1.png

2.png

3.png

4.png

6.png

7 回复

你这是要做微信的节奏啊 . 哈哈

star fork follow三连 文明你我他 幸福靠大家

已经更新拉

接口是怎么弄的啊

回到顶部