[飞享]-即时聊天系统web客户端，使用vue框架，基于websocket实现基于json的文本协议实现即时通信。消息与android客户端同步，支持文字，图片发送，支持视频相关消息显示。支持与android端互通音视频通话。

gitee开源地址：

gitee开源地址：https://gitee.com/comsince/vue-chat

开源微信？vue+websocket+Springboot实现的即时通信开源项目

飞享

开源微信？vue+websocket+Springboot实现的即时通信开源项目

该项目是飞享聊天系统客户端源码

基于universe-push的vue即时通讯web端实现，使用websocket进行消息通讯，支持文本，图片类型发送，支持实时音视频，支持音视频与android-chat客户端互通

项目截图

• 消息提示

开源微信？vue+websocket+Springboot实现的即时通信开源项目

• 文字消息

开源微信？vue+websocket+Springboot实现的即时通信开源项目

• 图片消息

开源微信？vue+websocket+Springboot实现的即时通信开源项目

• 视频消息

开源微信？vue+websocket+Springboot实现的即时通信开源项目

项目演示

• 项目公测地址
• 请选择其中任何一个帐号密码进行登录即可

帐号：13800000000, 13800000001, 13800000002密码：556677

• 暂时停止手机验证码注册登录，后续开通QQ群里面通知

版本规划

V1.0.0

• 登录认证流程
• 实现朋友列表展示，用户信息获取
• 会话信息拉取，会话消息缓存
• 纯文本消息通讯
• 支持图片，视频消息展示
• 群会话功能

V1.0.1

• 增加全屏幕模式支持，点击用户头像即可切换

开源微信？vue+websocket+Springboot实现的即时通信开源项目

V1.0.2

• 计划增加音视频聊天功能
• 实现与android客户端音视频互通

语音通话

开源微信？vue+websocket+Springboot实现的即时通信开源项目

视频通话

开源微信？vue+websocket+Springboot实现的即时通信开源项目

V1.0.3

• 增加好友搜索，好友添加功能，形成功能闭环

V1.0.4

• 群组用户列表功能

V1.0.5

• 增加websocket异步回调接口
• 增加创建群组功能
• 退出群聊
• 撤回消息
• 群组踢人与拉人
• 修改群名称

开源微信？vue+websocket+Springboot实现的即时通信开源项目

V1.0.6

• 增加解散群组的功能
• 优化群组退出与解散交互体验
• 对于解散的群组与退出的群组,做删除会话处理

Build Setup

# install dependenciesnpm install# serve with hot reload at localhost:8080npm run dev# 运行请先检查如下配置：TCP服务配置，HTTPS配置，是否支持WSS,是否支持HTTPS，HTTP监听端口8081,HTTPS监听端口8443# build for production with minificationnpm run build# build for production and view the bundle analyzer reportnpm run build --report

For detailed explanation on how things work, checkout the guide and docs for vue-loader.

参考项目

• Vue-chat

依赖组件

• 常用的 vue 视频插件
• 西瓜播放器
• 图标Icon支持

推荐项目

• vue-wechat
• vue-chat
• QRCodeLogin 说明二维码和密码登录的切换操作

开源协议

本项目使用非商业性署名协议Creative Commons Attribution Non Commercial 3.0 Unported

gitee开源地址：https://gitee.com/comsince/vue-chat