/chatterbox

chatterbox vue3.0 element-plus vue-cli vue-router vuex composition-api axois websocket RTCPeerConnection 即时聊天 前端vue 后端java springboot netty 即时通讯 chat 语音通话 视频通话

Primary LanguageVueMIT LicenseMIT

chatterbox

Chatterbox(话匣子)

vue element-plus

简介

🎈Chatterbox(话匣子)im-vue重构后的即时聊天系统🆕。

🎃目前前端只有基于 vue3element-plus 实现的相关内容,后续会分别实现 reacth5版本。 🤿后端是基于 javaspringbootnetty 实现。

🔔比较关键的技术点是通过 Websocket 实现了消息的实时传递 和 通过 RTCPeerConnection 实现语音通话、视频通话。

Star History

已内置如下功能:
  • 邮箱登录、注册、个人信息编辑
  • 用户搜索
  • 好友申请
  • 好友私聊、群聊
    • 文字消息
    • 图片消息
    • 音频消息
    • 文件消息
  • 好友通话
    • 语音通话
    • 视频通话

🏷️🏷️🏷️后续会 持续迭代更新,点个 ⭐star 不错过更多的功能更新😎。

在线预览

☀️ 👉 在线预览 👀

服务器比较low,访问有点慢!等有条件了再加配!😬

如果觉得还不错的话,请点个 ⭐star 支持一下吧,这将是对我最大的支持和鼓励☕! 🌙

⚠️ 如果想要旧版本相关内容请移步👉` old分支 🛑

演示图片

演示图片 演示图片
演示图片 演示图片
演示图片 演示图片
演示图片 演示图片
演示图片 演示图片
演示图片

开发

⚠️ 前提条件: 已安装 18.3 或更高版本的 Node.js ` 建议不要用直接使用 cnpm 安装,可以通过配置 registry 来解决 npm 安装速度慢或中断的问题。 🛑

# 克隆项目
git clone https://github.com/gmingchen/chatterbox.git

# 进入项目目录
cd chatterbox

# 安装依赖
npm install

# 启动服务
npm run dev

# 发布
npm run build

关于作者

Hi there, I'm Slipper(拖孩)👋. Thank you for your attention ⭐! I'm a code enthusiast who has been working in the IT industry for many years. I like open source and all interesting things and want to try to do it. I want to be an interesting person and create something that can be remembered by others. If you want to write code with me, you can contact me for internal promotion.

  • 🔭 I’m currently working on 万店掌
  • 📫 How to reach me: 🐧1240235512 🛰️Gy1240235512 📪gumingchen@foxmail.com
  • 🌏 How to follow me: Github Gitee 掘金 简书
  • ❤️ I like playing 🎮, sleeping in 🛌 and coding 👨‍💻.

Github stats

交流群 公众号 微信 QQ
公众号:loafer-man 公众号:loafer-man 微信:Gy1240235512 QQ:1240235512

🤑 如果有需要完整代码的可以加作者微信📨,联系作者👦 🎯不免费,有偿💸获取完整代码 📃开发文档暂时没有编写,空闲了会补上的哦🎮 💰

捐赠

💖 如果你觉得这个项目帮助到了你,你可以帮作者买一杯热饮表示鼓励 ☕ 🦀🦀

微信捐赠 支付宝捐赠
微信捐赠 支付宝捐赠

其它开源项目

vue3-element-plus-admin

是一个管理后台基础功能框架,基于 vue3element-plustypescript 实现。内置了 i18n 国际化,动态路由,权限验证。-[私活神器]

java-admin-base

是一个管理后台基础功能框架 base-refactoring 分支的后端代码,基于 javaspringboot

nod-server 是一个基于 node 开发的后端服务框架,只要你会 SQL 就也可以写接口了,再也不用看后端的脸色了。