# 仿微信APP

**Repository Path**: wangdan22/chat-pro

## Basic Information

- **Project Name**: 仿微信APP
- **Description**: uniapp开发仿微信前端app,后端java+springboot
支持：
1，模拟制作聊天记录
2，模拟发红包，转账记录
3，模拟发布朋友圈，可点赞/评论互动
4，模拟个人钱包，账单，账单详情记录
更多功能，持续开发维护中。。。
- **Primary Language**: Java
- **License**: BSD-3-Clause
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 40
- **Forks**: 23
- **Created**: 2022-12-19
- **Last Updated**: 2026-08-19

## Categories & Tags

**Categories**: im

**Tags**: None

## README

# 仿微信即时通讯APP

一款基于 uniapp 开发的仿微信界面即时通讯应用，支持微信小程序和 App 端运行。

## 技术栈

- **前端框架**: uni-app (Vue 2)
- **UI 组件库**: uView UI 1.x
- **后端框架**: Java (Spring Boot + Tio)
- **通信协议**: WebSocket 长连接
- **音视频通话**: 腾讯云 TUICallKit（已过期，不建议使用）

## 功能特性

### 聊天模块
- 单聊、群聊功能（已实现）
- 支持文字、表情、语音、图片、文件消息的收发（已实现）
- 消息转发、撤回、收藏功能（已实现）
- 红包功能（个人红包、群红包）（已实现）
- 转账功能（点对点）（已实现）
- 朋友圈功能（发布、点赞、评论）（已实现）
- 好友列表管理（已实现）
- 添加好友（搜索、二维码）（已实现）
- 好友申请处理（已实现）
- 社交资料展示（已实现）
- 个人信息管理（已实现）
- 钱包功能（余额、银行卡）（静态页面）
- 账单管理（消费、转账、红包）（静态页面）
- 设置（账号安全、密码修改）（已实现）


## 项目结构

```
F-WX-2/
├── common/           # 公共模块
│   ├── websocket/    # WebSocket 连接管理
│   ├── http.api.js   # API 请求封装
│   └── http.interceptor.js # 请求拦截器
├── components/       # 自定义组件
│   ├── chat-input-bar/    # 聊天输入栏
│   ├── chat-item/         # 消息项组件
│   ├── message-item/      # 消息展示组件
│   └── ...
├── pages/            # 页面目录
│   ├── start/        # 启动页、登录、注册
│   ├── tabbar/       # 底部导航页面
│   │   ├── group/    # 微信聊天页
│   │   ├── contact/  # 通讯录
│   │   ├── find/     # 发现
│   │   └── my/       # 我的
│   ├── search/       # 搜索页面
│   └── ...
├── static/           # 静态资源
│   ├── image/        # 图片资源
│   ├── iconfont/     # 字体图标
│   └── example/      # 示例图片
├── store/            # Vuex 状态管理
├── util/             # 工具函数
│   ├── AI/           # AI 相关工具
│   ├── push/         # 推送管理
│   └── music/        # 音乐播放器
├── App.vue           # 应用入口
├── main.js           # 主入口文件
├── pages.json        # 页面路由配置
├── manifest.json     # 应用配置
└── package.json      # 依赖配置
```

## 快速开始

### 环境要求

- Node.js >= 12.0.0
- HBuilderX >= 3.0.0
- npm / yarn

### 安装步骤

1. **克隆项目**
```bash
git clone https://gitee.com/wangdan22/chat-pro.git
cd chat-pro
```

2. **安装依赖**
```bash
npm install
```
3. **运行项目**
 - 使用 HBuilderX 打开项目
 - App 端：运行 -> 运行到真机（不建议用模拟器） 

## 支持平台

- ✅ App（Android / iOS）
- ✅ H5（有bug）


## 注意事项

1. 本项目仅包含前端代码，需要配合 Java 后端服务使用,前端有测试地址api（过期联系我）。
2. 本项目关联的后端服务为 Java Spring Boot + Tio，暂不开源，不支持白嫖。
3. 下载体验地址通过微信公众号获取。


## 免责声明

**1. 下载使用源码以及打包应用后仅供学习交流，并请务必遵从相关法律法规,不可用于违反国家相关法律法规的非法商业用途。**

**2. 违法违规使用本应用以及源码二次开发的，如有引起相关责任追究,本人本平台不承担任何法律责任！**

**3. 如果本应用涉及到相关应用产品侵权，存在违规之处，请联系本人，及时纠正。**



## 微信公众号

<img src="./static/example/myQRcode.jpg" width="30%" height="30%">

## 图片预览

<img src="./static/example/start.png" width="30%" height="30%">
<img src="./static/example/1.png" width="30%" height="30%">
<img src="./static/example/2.png" width="30%" height="30%">
<img src="./static/example/3.png" width="30%" height="30%">
<img src="./static/example/4.png" width="30%" height="30%">
<img src="./static/example/5.png" width="30%" height="30%">
<img src="./static/example/7.png" width="30%" height="30%">
<img src="./static/example/8.png" width="30%" height="30%">
<img src="./static/example/9.png" width="30%" height="30%">
<img src="./static/example/10.jpg" width="30%" height="30%">
<img src="./static/example/12.jpg" width="30%" height="30%">
<img src="./static/example/15.jpg" width="30%" height="30%">
<img src="./static/example/17.png" width="30%" height="30%">
<img src="./static/example/18.png" width="30%" height="30%">
<img src="./static/example/20.png" width="30%" height="30%">

## 许可证

MIT License

---