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

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

ccwgpt 2024-10-27 08:49 52 浏览 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清风私信回【通信】即可获取!

相关推荐

RACI矩阵:项目管理中的角色与责任分配利器

作者:赵小燕RACI矩阵RACI矩阵是项目管理中的一种重要工具,旨在明确团队在各个任务中的角色和职责。通过将每个角色划分为负责人、最终责任人、咨询人和知情人四种类型,RACI矩阵确保每个人都清楚自己...

在弱矩阵组织中,如何做好项目管理工作?「慕哲制图」

慕哲出品必属精品系列在弱矩阵组织中,如何做好项目管理工作?【慕哲制图】-------------------------------慕哲制图系列0:一图掌握项目、项目集、项目组合、P2、商业分析和NP...

Scrum模式:每日站会(Daily Scrum)

定义每日站会(DailyScrum)是一个Scrum团队在进行Sprint期间的日常会议。这个会议的主要目的是为了应对Sprint计划中的不断变化,确保团队能够有效应对挑战并达成Sprint目标。为...

大家都在谈论的敏捷开发&Scrum,到底是什么?

敏捷开发作为一种开发模式,近年来深受研发团队欢迎,与瀑布式开发相比,敏捷开发更轻量,灵活性更高,在当下多变环境下,越来越多团队选择敏捷开发。什么是敏捷?敏捷是一种在不确定和变化的环境中,通过创造和响应...

敏捷与Scrum是什么?(scrum敏捷开发是什么)

敏捷是一种思维模式和哲学,它描述了敏捷宣言中的一系列原则。另一方面,Scrum是一个框架,规定了实现这种思维方式的角色,事件,工件和规则/指南。换句话说,敏捷是思维方式,Scrum是规定实施敏捷哲学的...

敏捷项目管理与敏捷:Scrum流程图一览

敏捷开发中的Scrum流程通常可以用一个简单的流程图来表示,以便更清晰地展示Scrum框架的各个阶段和活动。以下是一个常见的Scrum流程图示例:这个流程图涵盖了Scrum框架的主要阶段和活动,其中包...

一张图掌握项目生命周期模型及Scrum框架

Mockito 的最佳实践(mock方法)

记得以前面试的时候,面试官问我,平常开发过程中自己会不会测试?我回答当然会呀,自己写的代码怎么不测呢。现在想想我好像误会他的意思了,他应该是想问我关于单元测试,集成测试以及背后相关的知识,然而当时说到...

EffectiveJava-5-枚举和注解(java枚举的作用与好处)

用enum代替int常量1.int枚举:引入枚举前,一般是声明一组具名的int常量,每个常量代表一个类型成员,这种方法叫做int枚举模式。int枚举模式是类型不安全的,例如下面两组常量:性别和动物种...

Maven 干货 全篇共:28232 字。预计阅读时间:110 分钟。建议收藏!

Maven简介Maven这个词可以翻译为“知识的积累”,也可以翻译为“专家”或“内行”。Maven是一个跨平台的项目管理工具。主要服务于基于Java平台的项目构建、依赖管理和项目信息管理。仔...

Java单元测试框架PowerMock学习(java单元测试是什么意思)

前言高德的技术大佬在谈论方法论时说到:“复杂的问题要简单化,简单的问题要深入化。”这句话让我感触颇深,这何尝不是一套编写代码的方法——把一个复杂逻辑拆分为许多简单逻辑,然后把每一个简单逻辑进行深入实现...

Spring框架基础知识-第六节内容(Spring高级话题)

Spring高级话题SpringAware基本概念Spring的依赖注入的最大亮点是你所有的Bean对Spring容器的存在是没有意识的。但是在实际的项目中,你的Bean必须要意识到Spring容器...

Java单元测试浅析(JUnit+Mockito)

作者:京东物流秦彪1.什么是单元测试(1)单元测试环节:测试过程按照阶段划分分为:单元测试、集成测试、系统测试、验收测试等。相关含义如下:1)单元测试:针对计算机程序模块进行输出正确性检验工作...

揭秘Java代码背后的质检双侠:JUnit与Mockito!

你有没有发现,现在我们用的手机App、逛的网站,甚至各种智能设备,功能越来越复杂,但用起来却越来越顺畅,很少遇到那种崩溃、卡顿的闹心事儿?这背后可不是程序员一拍脑袋写完代码就完事儿了!他们需要一套严谨...

单元测试框架哪家强?Junit来帮忙!

大家好,在前面的文章中,给大家介绍了以注解和XML的方式分别实现IOC和依赖注入。并且我们定义了一个测试类,通过测试类来获取到了容器中的Bean,具体的测试类定义如下:@Testpublicvoid...

取消回复欢迎 发表评论: