百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术分类 > 正文

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

ztj100 2025-01-19 01:59 24 浏览 0 评论

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

gitee开源地址:

由于之前提示是交易类链接,所以有需要源码的朋友麻烦转发后关注@Java清风私信回【通信】即可获取!


飞享

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

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

项目截图

  • 消息提示
  • 文字消息
  • 图片消息
  • 视频消息

项目演示

  • 项目公测地址
  • 请选择其中任何一个帐号密码进行登录即可
帐号:13800000000, 13800000001, 13800000002
密码:556677
  • 暂时停止手机验证码注册登录,后续开通QQ群里面通知

版本规划

V1.0.0

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

V1.0.1

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

V1.0.2

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

语音通话

视频通话

V1.0.3

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

V1.0.4

  • 群组用户列表功能

V1.0.5

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

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


由于之前提示是交易类链接,所以有需要源码的朋友麻烦转发后关注@Java清风私信回【通信】即可获取!

相关推荐

如何将数据仓库迁移到阿里云 AnalyticDB for PostgreSQL

阿里云AnalyticDBforPostgreSQL(以下简称ADBPG,即原HybridDBforPostgreSQL)为基于PostgreSQL内核的MPP架构的实时数据仓库服务,可以...

Python数据分析:探索性分析

写在前面如果你忘记了前面的文章,可以看看加深印象:Python数据处理...

CSP-J/S冲奖第21天:插入排序

...

C++基础语法梳理:算法丨十大排序算法(二)

本期是C++基础语法分享的第十六节,今天给大家来梳理一下十大排序算法后五个!归并排序...

C 语言的标准库有哪些

C语言的标准库并不是一个单一的实体,而是由一系列头文件(headerfiles)组成的集合。每个头文件声明了一组相关的函数、宏、类型和常量。程序员通过在代码中使用#include<...

[深度学习] ncnn安装和调用基础教程

1介绍ncnn是腾讯开发的一个为手机端极致优化的高性能神经网络前向计算框架,无第三方依赖,跨平台,但是通常都需要protobuf和opencv。ncnn目前已在腾讯多款应用中使用,如QQ,Qzon...

用rust实现经典的冒泡排序和快速排序

1.假设待排序数组如下letmutarr=[5,3,8,4,2,7,1];...

ncnn+PPYOLOv2首次结合!全网最详细代码解读来了

编辑:好困LRS【新智元导读】今天给大家安利一个宝藏仓库miemiedetection,该仓库集合了PPYOLO、PPYOLOv2、PPYOLOE三个算法pytorch实现三合一,其中的PPYOL...

C++特性使用建议

1.引用参数使用引用替代指针且所有不变的引用参数必须加上const。在C语言中,如果函数需要修改变量的值,参数必须为指针,如...

Qt4/5升级到Qt6吐血经验总结V202308

00:直观总结增加了很多轮子,同时原有模块拆分的也更细致,估计为了方便拓展个管理。把一些过度封装的东西移除了(比如同样的功能有多个函数),保证了只有一个函数执行该功能。把一些Qt5中兼容Qt4的方法废...

到底什么是C++11新特性,请看下文

C++11是一个比较大的更新,引入了很多新特性,以下是对这些特性的详细解释,帮助您快速理解C++11的内容1.自动类型推导(auto和decltype)...

掌握C++11这些特性,代码简洁性、安全性和性能轻松跃升!

C++11(又称C++0x)是C++编程语言的一次重大更新,引入了许多新特性,显著提升了代码简洁性、安全性和性能。以下是主要特性的分类介绍及示例:一、核心语言特性1.自动类型推导(auto)编译器自...

经典算法——凸包算法

凸包算法(ConvexHull)一、概念与问题描述凸包是指在平面上给定一组点,找到包含这些点的最小面积或最小周长的凸多边形。这个多边形没有任何内凹部分,即从一个多边形内的任意一点画一条线到多边形边界...

一起学习c++11——c++11中的新增的容器

c++11新增的容器1:array当时的初衷是希望提供一个在栈上分配的,定长数组,而且可以使用stl中的模板算法。array的用法如下:#include<string>#includ...

C++ 编程中的一些最佳实践

1.遵循代码简洁原则尽量避免冗余代码,通过模块化设计、清晰的命名和良好的结构,让代码更易于阅读和维护...

取消回复欢迎 发表评论: