大家好,我是
Java陈序员
。
问君能有几多愁,开源项目解千愁!
今天,给大家介绍一个开源的仿微信聊天工具,同时支持 PC 端、移动端!
关注微信公众号:【Java陈序员】,获取开源项目分享、AI副业分享、超200本经典计算机电子书籍等。
项目介绍
盒子IM —— 一个仿微信实现的网页版聊天软件,支持私聊、群聊、离线消息、发送语音、图片、文件、emoji 表情等功能,不依赖任何第三方收费组件。
功能特色:
- 支持私聊、群聊、离线消息、发送语音、图片、文件、emoji 表情等功能
- 聊天窗口支持已读未读显示,群聊支持@功能
- 支持音视频通话(基于 Webrtc 实现,需要 SSL 证书)
- 支持移动端和 Web 端同时在线,多端消息同步
技术栈:
- 后端:SpringBoot + Netty
- Web 端:Vue
- 移动端:Uniapp
消息推送方案:
项目截图
PC 端
好友列表
私聊
群聊列表
群聊
个人信息设置
移动端
关注微信公众号:【Java陈序员】,后台回复「高仿微信」,获取项目地址和在线体验地址!
项目运行
前期准备
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消息推送sdkim-common公共包im-uiweb页面im-uniappapp页面
后端服务
1、将整个项目以 Maven 的形式导入到 IDEA 中
2、创建数据库
CREATEDATABASE'box-im'DEFAULTCHARACTERSET utf8mb4 COLLATE utf8mb4_bin;
3、执行
im-platfrom/resources/db
下的
db.sql
文件
4、修改
im-platform
模块的配置文件
application.yml
中的数据库、Redis、Minio 对应的连接地址信息
5、修改
im-server
模块的配置文件
application.yml
中的 Redis 对应的连接地址信息
6、分别执行主启动类
com.bx.implatform.IMPlatformApp
、
com.bx.imserver.IMServerApp
启动服务
Web 前端
1、进入到
im-ui
目录
cd im-ui
2、安装依赖
npminstall
3、启动服务
npm run dev
4、浏览器访问
http://localhost:8080
移动端
1、将
im-uniapp
目录导入到 HBuilderX
2、安装依赖
npminstall
3、点击 HBuilderX 顶部菜单栏中的运行
4、访问
http://localhost:5173
最后
推荐的开源项目已经收录到
GitHub
项目,欢迎
Star
:
https://github.com/chenyl8848/great-open-source-project
或者访问网站,进行在线浏览:
https://chencoding.top:8090/#/
大家的点赞、收藏和评论都是对作者的支持,如文章对你有帮助还请点赞转发支持下,谢谢!
版权归原作者 Java陈序员 所有, 如有侵权,请联系我们删除。