切换语言为:繁体
基于 SpringBoot + Vue 实现的仿微信聊天工具,支持多端部署,现已开源!

基于 SpringBoot + Vue 实现的仿微信聊天工具,支持多端部署,现已开源!

  • 爱糖宝
  • 2024-07-08
  • 2091
  • 0
  • 0

项目介绍

盒子IM —— 一个仿微信实现的网页版聊天软件,支持私聊、群聊、离线消息、发送语音、图片、文件、emoji 表情等功能,不依赖任何第三方收费组件。

功能特色:

  • 支持私聊、群聊、离线消息、发送语音、图片、文件、emoji 表情等功能

  • 聊天窗口支持已读未读显示,群聊支持@功能

  • 支持音视频通话(基于 Webrtc 实现,需要 SSL 证书)

  • 支持移动端和 Web 端同时在线,多端消息同步

技术栈:

  • 后端:SpringBoot + Netty

  • Web 端:Vue

  • 移动端:Uniapp

消息推送方案: 基于 SpringBoot + Vue 实现的仿微信聊天工具,支持多端部署,现已开源!

项目截图

PC 端

好友列表 基于 SpringBoot + Vue 实现的仿微信聊天工具,支持多端部署,现已开源!

私聊 基于 SpringBoot + Vue 实现的仿微信聊天工具,支持多端部署,现已开源!

群聊列表 基于 SpringBoot + Vue 实现的仿微信聊天工具,支持多端部署,现已开源!

群聊 基于 SpringBoot + Vue 实现的仿微信聊天工具,支持多端部署,现已开源!

个人信息设置 基于 SpringBoot + Vue 实现的仿微信聊天工具,支持多端部署,现已开源!

移动端

基于 SpringBoot + Vue 实现的仿微信聊天工具,支持多端部署,现已开源!

基于 SpringBoot + Vue 实现的仿微信聊天工具,支持多端部署,现已开源!

开源地址:https://gitee.com/bluexsx/box-im

项目运行

前期准备

1、运行环境

  • JDK:1.8

  • Maven:3.6.3

  • MySQL:5.7

  • Redis:5.0

  • Minio

  • Node:v14.16.0

2、拉取代码

git clone https://gitee.com/bluexsx/box-im.git

3、代码目录结构

模块 功能
im-platform 与页面进行交互,处理业务请求
im-server 推送聊天消息
im-client 消息推送sdk
im-common 公共包
im-ui web页面
im-uniapp app页面

后端服务

1、将整个项目以 Maven 的形式导入到 IDEA 中 基于 SpringBoot + Vue 实现的仿微信聊天工具,支持多端部署,现已开源!

2、创建数据库

CREATE DATABASE 'box-im' DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_bin;

3、执行 im-platfrom/resources/db 下的 db.sql 文件 基于 SpringBoot + Vue 实现的仿微信聊天工具,支持多端部署,现已开源!

4、修改 im-platform 模块的配置文件 application.yml 中的数据库、Redis、Minio 对应的连接地址信息 基于 SpringBoot + Vue 实现的仿微信聊天工具,支持多端部署,现已开源!

5、修改 im-server 模块的配置文件 application.yml 中的 Redis 对应的连接地址信息 基于 SpringBoot + Vue 实现的仿微信聊天工具,支持多端部署,现已开源!

6、分别执行主启动类 com.bx.implatform.IMPlatformAppcom.bx.imserver.IMServerApp 启动服务

Web 前端

1、进入到 im-ui 目录

cd im-ui

2、安装依赖

npm install

3、启动服务

npm run dev

4、浏览器访问

http://localhost:8080

移动端

1、将 im-uniapp 目录导入到 HBuilderX 基于 SpringBoot + Vue 实现的仿微信聊天工具,支持多端部署,现已开源!

2、安装依赖

npm install

3、点击 HBuilderX 顶部菜单栏中的运行

4、访问

http://localhost:5173

0条评论

您的电子邮件等信息不会被公开,以下所有项均必填

OK! You can skip this field.