1比1还原企业微信！一款美观大方、功能齐全的开源即时聊天IM系统 - 实践

个人网站:IT知识小屋
版权: 本文由【IT学习日记】原创、在CSDN首发、需要转载请联系博主
如果文章对你有帮助、欢迎关注、点赞、收藏(一键三连)和订阅专栏哦

文章目录

简介

r-im是一款仿且企业微信实现的即时通讯系统，系统全面支持单聊、群聊、发送表情、图片、语音、视频，显示消息已读未读的状态，发布群公告、群禁言、@群成员等，支持点对点音视频聊天，文件、图片和绝大部分媒体文件在线预览，且不依赖任何第三方收费通讯组件。系统采用TP6 + Mysql + workerman + webRTC搭建后台,vue2搭建前端，uniapp实现移动端，支持多端在线交互。

系统拥有出色的拓展性，支持个性化需求在后台配置企业模式(功能类似于企业微信)、社交模式(功能类似于微信或QQ)，并提供小程序、h5、移动端、桌面端、网页多端使用，是中小型企业快速搭建易拓展，高性能的企业内网通讯系统的最佳选择！

项目结构

前端项目结构：

im-chat-front/           # 前端项目根目录
├── public/              # 公共静态资源目录
├── src/                 # 源码目录
│   ├── assets/          # 静态资源（图片、字体等）
│   ├── components/      # Vue 组件
│   ├── views/           # 路由页面
│   ├── router/          # Vue Router 路由配置
│   ├── store/           # Vuex 状态管理
│   ├── utils/           # 工具函数
│   └── App.vue          # 应用入口组件
├── .env.development     # 开发环境变量配置
├── .env.production      # 生产环境变量配置
├── .gitignore           # Git 忽略规则
├── babel.config.js      # Babel 配置文件
├── package.json         # 项目依赖与脚本配置
├── README.md            # 项目说明文档
└── vue.config.js        # Vue CLI 配置

后端项目结构：

im-instant-chat/             # 后端项目根目录
├── app/                     # 应用业务代码
│   ├── controller/          # 控制器（API 接口）
│   ├── model/               # 数据模型
│   ├── service/             # 核心服务逻辑（消息、音视频）
│   └── config/              # 应用级配置（数据库、redis、jwt等）
├── config/                  # ThinkPHP + Workerman 配置文件
├── public/                  # Web 可访问目录（放编译后的前端 dist）
│   ├── index.php            # 后端入口
│   └── static/              # 静态资源目录
├── resource/                # 视图、语言包、文件模板等
├── worker/                  # Workerman 启动脚本（gateway、business 等）
├── database/                # 数据库相关文件
│   ├── migrations/          # 表结构定义
│   └── seeds/               # 初始数据脚本
├── docker/                  # Docker 配置（Dockerfile、docker-compose）
├── example.env              # 示例环境变量配置 :contentReference[oaicite:3]{index=3}
├── .env.*                   # 实际运行环境变量文件

技术栈：