Vue实现的聊天系统可线上访问了

最近把聊天系统的功能作了一些完善，而后把后台管理的功能实现了。通过本身本人的一番调试没有太大的bug，晚上就跟着部署在服务器上了。

线上地址

前台：co-messager.chenr.cn/#/index （请使用PC谷歌浏览器访问）

若是在使用中发现什么问题但愿你们提出宝贵的意见哟。项目地址：github.com/CCZX/wechat 目前项目一直在更新中。欢迎你们留下宝贵的意见。

注意：

1. 上传文件都尚未完成。
2. webRTC相关使用可能不稳定。
3. 推荐一个朋友圈不少的朋友连接：co-messager.chenr.cn/#/user/5d9d…
4. 因为代码优化不够加上水管服务器，第一次访问可能会比较慢请耐心等待。
5. 如发现问题请告诉我哟。

上一篇内容：

1、具有的功能

1. 好友之间聊天，支持问题、图片、表情、音视频通话以及白板（适用WebRTC实现）。
2. 对好友支持备注、分组功能，分组能够添加、修改、删除。
3. 好友之间的消息支持已读状态提醒，能够即时的知道对方是否已读消息。
4. 在线好友统计，在每一个分组中能够查看当前在线好友的数量，并对在线好友的头像作高亮处理。
5. 群聊，群聊目前只支持文字、图片、表情的形式，目前群聊消息也不支持已读提醒（后续完善）。
6. 空间，相似于QQ空间，能够发表本身的动态、查看好友的动态。
7. 动态编辑，支持对空间进行删除、编辑的操做。
8. 动态互动，支持点赞、评论、评论回复功能。
9. 添加好友、添加群聊，在添加后须要对方赞成。
10. 日程管理，支持新建日程、删除日程的功能。
11. 后台管理：独立的项目，使用React实现。
12. 更多细节功能在后续几天我线上部署代码后欢迎来体验。

2、技术栈

Vue、Vuex、Element-UI、React、axios、sass、ES六、WebSocket、Node等。

3、难点

1. 各类组件的拆分，项目文件结构。
2. 修改用户分组、分组后用户界面即时响应。
3. 在获取会话后，对每条会话最后一条消息的获取处理逻辑。
4. 对接七牛云实现实现图片的上传。
5. webRTC技术。
6. 收到消息后即时提醒以及未读消息的数量提醒。
7. 消息已读提醒设置。
8. 用户退出登陆后，后端登陆信息的即时清除。
9. 空间动态的评论以及回复评论实现。
10. 不一样页面组件之间执行操做后的响应。

4、项目截图

一、最近会话列表页面（最近会话按照最后消息时间排序，在发送新的消息后该会话会排序到第一条）

二、好友分组、群聊分类

三、新消息提醒、已读提醒

四、空间动态

该项目本人最近会一直跟进，直到实现一个较为完善的聊天系统，后续再进行优化升级。项目地址：github.com/CCZX/wechat 欢迎你们提出宝贵的意见，若是能提PR或者issues就更好了。若是你以为项目还能够请留下你的star✨吧🌹。