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

·  阅读 415

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

gitee开源地址:

由于之前提示是交易类链接,所以有需要源码的朋友麻烦转发后关注文末公众号即可获取!

开源微信?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 dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev
# 运行请先检查如下配置:TCP服务配置,HTTPS配置,是否支持WSS,是否支持HTTPS,HTTP监听端口8081,HTTPS监听端口8443

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm 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

 

由于之前提示是交易类链接,所以有需要源码的朋友麻烦转发后关注下方公众号即可获取!

 

分类:
后端
标签:
分类:
后端
标签:
收藏成功!
已添加到「」, 点击更改