一、 系统概览与核心价值
文章正文
ChatGPT-MP 是一套基于 Spring Boot 与 Uniapp 构建的微信小程序 AI 聊天系统源码。
系统后端基于 Spring Boot 框架开发,前端使用 Vue2 与 Uniapp 实现了微信小程序、H5 网页以及 Web 桌面端的多端适配与统一响应。
集成了打字机流式输出、AI 聊天次数限制、任务分享裂变增加次数以及后台可视化运营控制台等核心能力。
极其适合想要构建微信生态内 AI 智能助手、知识付费对话入口或多端 AI 产品的创业团队与开发人员。
项目架构清晰,业务逻辑与裂变机制解耦良好,既可作为商业化 AI 小程序快速上线部署,也是学习 Uniapp 多端编译、Spring Boot 流式接口输出(SSE/WebSocket)的优质实战工程案例。
源码简介
源码包含完整的 Spring Boot 后端工程及 Uniapp 前端全套项目文件,实现了前后台一体化的 AI 对话解决方案。
系统核心支持打字机效果的流式回答呈现,大幅提升移动端用户的对话交互体验。
内置完善的运营规则,支持设置每日免费对话次数、分享好友/朋友圈增加额度等营销裂变路径。
后台管理控制台提供完备的用户管理、额度分配、分享奖励配置及对话接口密钥设定等功能。
附带完整的构建部署说明,配合主流开发工具(如 HBuilderX)可轻松实现跨端编译与快速上线。
适用场景
适合创业团队或个人开发者快速搭建微信小程序形态的 AI 智能对话助手与知识库工具。
适用于需要依托微信裂变生态,通过“分享加次/每日签到”做用户增长与轻量变现的运营场景。
可作为知识付费、社群运营或教育培训机构的附加 AI 工具入口,提高用户粘性与留存率。
适合作为 Java (Spring Boot) + Vue2 / Uniapp 全栈工程、流式渲染及小程序多端开发的教学演练与二次开发基石。
功能亮点
支持微信小程序、H5 网页及 Web 桌面端一套代码多端适配。
流畅的打字机流式输出体验,降低用户等待感知。
内置完整的聊天次数控制与分享裂变奖励机制,便于轻量化运营。
前后台逻辑完整,用户、额度及系统配置均可在后台可视化管理。
Uniapp 组件化架构,前端样式修改与改版非常灵活,不影响后端接口定义。
二、 技术架构与部署指南
| 维度 | 本套源码 | 同类通用方案 |
|---|---|---|
| 技术栈 | 前端:Vue2、Uniapp 跨端框架(支持编译为微信小程序、H5、Web 桌面端)
后端:Java、Spring |
依具体方案选型,需自行搭建与维护 |
| 部署方式 | 使用 Maven 对后端 Spring Boot 工程进行编译打包,在配置文件中配置好 MySQL 数据库连接与模型接口 | 多托管于第三方平台或订阅云服务 |
| 功能侧重 | 支持微信小程序、H5 网页及 Web 桌面端一套代码多端适配。 | 功能通用,定制深度有限 |
| 数据归属 | 数据自持,部署在自有服务器,不出站 | 数据通常留存于服务商侧 |
| 成本模式 | 获取后自主部署,无持续授权费用 | 通常按订阅或调用量计费 |
技术栈与运行环境
前端:Vue2、Uniapp 跨端框架(支持编译为微信小程序、H5、Web 桌面端)
后端:Java、Spring Boot 框架、Maven 构建工具
数据库:MySQL 持久化存储
运行环境:JDK 8 及以上版本、Node.js 环境、Nginx Web 服务器
其他依赖:大模型 API Key 服务、HBuilderX 编译工具、微信小程序 AppID
安装与部署提示
使用 Maven 对后端 Spring Boot 工程进行编译打包,在配置文件中配置好 MySQL 数据库连接与模型接口密钥(国内环境建议配置阿里云 Maven 镜像源)。
前端项目导入 HBuilderX 或通过 CLI 命令行工具安装依赖,编译生成微信小程序代码、H5 或 Web 静态文件。
将小程序代码导入微信开发者工具,填写自有小程序 AppID,并在微信小程序后台配置合法服务器域名(必须为 HTTPS)。
使用 `java -jar` 启动后端服务,生产环境建议配合 Nginx 配置反向代理与 HTTPS 加密传输。
首次上线前请登录管理后台修改默认管理员口令,并妥善配置 API 密钥与防刷频率限制(Rate Limiting)。
截图与演示说明
下图展示了 ChatGPT-MP 微信小程序端对话界面、历史会话以及后台管理控制台:




上方截图直观呈现了小程序会话交互、连续对话历史回顾及后台次数分配与分享配置盘面,方便部署前直观了解系统效果。
常见问题
问:微信小程序端应该如何正确编译与提交审核发布?
答:使用 HBuilderX 将前端 Uniapp 工程编译为微信小程序原生代码,随后在微信开发者工具中导入产出目录并填入合规的 AppID。在小程序后台配置好域名服务器地址,确认对话内容符合平台规范后提交审核发布。
问:如何防止聊天接口被恶意刷取导致 API 额度超扣?
答:系统在后端限制了用户的默认次数与分享增加规则。生产环境建议在服务端开启 IP 及用户 ID 级别的访问频率限制,严禁在前端代码中暴露任何大模型 API Key。
安全风险提示
微信小程序对 AI 对话类目审查较为严格,上线运营前请确保已开启内容安全过滤(如微信安全文本审核接口),避免产生违规文本。
后端 API Key 属于高价值敏感资产,必须严格存放在服务端配置文件或数据库中,并配置接口访问鉴权与限流。
合规特别说明:接入第三方大模型服务时,请务必确认调用行为与小程序服务内容符合相关法律法规及平台运营规范。
下载说明
本资源通过网盘分发打包下载,解压包内包含 Spring Boot 后端源码、Uniapp 前端工程及数据库 SQL 初始化脚本。
项目需依赖 JDK、Node.js 与 HBuilderX 编译环境,打包构建需占用一定磁盘空间,请提前预留环境空间。
建议先在本地或隔离测试环境中跑通编译、数据库导入与本地小程序模拟器调试,确认无误后再正式部署上线。
请妥善保管解压后的服务配置文件与后端密钥,切勿在未进行安全加固的情况下直接暴露于生产环境。