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

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

ztj100 2025-01-19 01:59 46 浏览 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清风私信回【通信】即可获取!

相关推荐

30天学会Python编程:16. Python常用标准库使用教程

16.1collections模块16.1.1高级数据结构16.1.2示例...

强烈推荐!Python 这个宝藏库 re 正则匹配

Python的re模块(RegularExpression正则表达式)提供各种正则表达式的匹配操作。...

Python爬虫中正则表达式的用法,只讲如何应用,不讲原理

Python爬虫:正则的用法(非原理)。大家好,这节课给大家讲正则的实际用法,不讲原理,通俗易懂的讲如何用正则抓取内容。·导入re库,这里是需要从html这段字符串中提取出中间的那几个文字。实例一个对...

Python数据分析实战-正则提取文本的URL网址和邮箱(源码和效果)

实现功能:Python数据分析实战-利用正则表达式提取文本中的URL网址和邮箱...

python爬虫教程之爬取当当网 Top 500 本五星好评书籍

我们使用requests和re来写一个爬虫作为一个爱看书的你(说的跟真的似的)怎么能发现好书呢?所以我们爬取当当网的前500本好五星评书籍怎么样?ok接下来就是学习python的正确姿...

深入理解re模块:Python中的正则表达式神器解析

在Python中,"re"是一个强大的模块,用于处理正则表达式(regularexpressions)。正则表达式是一种强大的文本模式匹配工具,用于在字符串中查找、替换或提取特定模式...

如何使用正则表达式和 Python 匹配不以模式开头的字符串

需要在Python中使用正则表达式来匹配不以给定模式开头的字符串吗?如果是这样,你可以使用下面的语法来查找所有的字符串,除了那些不以https开始的字符串。r"^(?!https).*&...

先Mark后用!8分钟读懂 Python 性能优化

从本文总结了Python开发时,遇到的性能优化问题的定位和解决。概述:性能优化的原则——优化需要优化的部分。性能优化的一般步骤:首先,让你的程序跑起来结果一切正常。然后,运行这个结果正常的代码,看看它...

Python“三步”即可爬取,毋庸置疑

声明:本实例仅供学习,切忌遵守robots协议,请不要使用多线程等方式频繁访问网站。#第一步导入模块importreimportrequests#第二步获取你想爬取的网页地址,发送请求,获取网页内...

简单学Python——re库(正则表达式)2(split、findall、和sub)

1、split():分割字符串,返回列表语法:re.split('分隔符','目标字符串')例如:importrere.split(',','...

Lavazza拉瓦萨再度牵手上海大师赛

阅读此文前,麻烦您点击一下“关注”,方便您进行讨论和分享。Lavazza拉瓦萨再度牵手上海大师赛标题:2024上海大师赛:网球与咖啡的浪漫邂逅在2024年的上海劳力士大师赛上,拉瓦萨咖啡再次成为官...

ArkUI-X构建Android平台AAR及使用

本教程主要讲述如何利用ArkUI-XSDK完成AndroidAAR开发,实现基于ArkTS的声明式开发范式在android平台显示。包括:1.跨平台Library工程开发介绍...

Deepseek写歌详细教程(怎样用deepseek写歌功能)

以下为结合DeepSeek及相关工具实现AI写歌的详细教程,涵盖作词、作曲、演唱全流程:一、核心流程三步法1.AI生成歌词-打开DeepSeek(网页/APP/API),使用结构化提示词生成歌词:...

“AI说唱解说影视”走红,“零基础入行”靠谱吗?本报记者实测

“手里翻找冻鱼,精心的布局;老漠却不言语,脸上带笑意……”《狂飙》剧情被写成歌词,再配上“科目三”背景音乐的演唱,这段1分钟30秒的视频受到了无数网友的点赞。最近一段时间随着AI技术的发展,说唱解说影...

AI音乐制作神器揭秘!3款工具让你秒变高手

在音乐创作的领域里,每个人都有一颗想要成为大师的心。但是面对复杂的乐理知识和繁复的制作过程,许多人的热情被一点点消磨。...

取消回复欢迎 发表评论: