项目演示视频

项目概述

此项目不只有ChatGPT还有ChatGLM,主要以围绕类似 OpenAi 生成式服务,构建微服务应用架构体系组件。包括;用户鉴权、公众号、微信支付等,满足不同诉求的使用。并以模块化设计,积木式构建应用,让不同的场景诉求都可以配置化对接。

整个系统架构以用户请求为入口,通过 Nginx SSL 443 校验转发到对应的服务,并做相关的鉴权和服务控制,并完成最终的 token 授权使用。

系统架构图

ChatGPT微服务架构图

项目特色

  • 微服务架构:采用DDD领域驱动设计,模块化开发,易于扩展和维护
  • 多模型支持:支持ChatGPT、ChatGLM等多种大模型接入
  • 完整支付流程:集成微信支付,支持商品下单、发货、补偿等完整流程
  • 公众号集成:支持微信公众号验签、登录、对话等功能
  • 生产级部署:Docker容器化部署,Nginx负载均衡,SSL证书配置

学习阶段规划

学习阶段规划

用户旅程设计

用户旅程设计

以用户的旅程视角,来看整个系统的模块串联。从用户登录、公众号验证、对话交互到商品支付的完整流程设计。

核心技术栈

Spring Boot
基于Spring Boot构建微服务架构,DDD领域驱动设计
React & TypeScript
现代化前端技术栈,构建响应式用户界面
OpenAI SDK
自研OpenAI SDK,支持多模型策略和流式响应
微信生态
公众号开发、企业微信、微信支付完整集成
MySQL & Redis
数据持久化存储和缓存解决方案
Docker & Nginx
容器化部署和反向代理负载均衡

课程阶段

1
第1阶段:基础功能开发

完成基础功能到部署,包括ChatGPT-SDK开发、API服务搭建、Web前端界面、公众号对接等核心功能。

ChatGPT SDK组件
API服务搭建
React前端界面
公众号对接
2
第2阶段:商品支付系统

完成商品支付下单充值功能,包括用户额度管理、微信支付对接、订单处理、掉单补偿等完整支付流程。

微信支付对接
商品下单流程
用户额度管理
掉单补偿机制
3
第3阶段:分布式扩展

扩展多渠道OpenAi以及分布式技术栈的使用,包括多模型策略、分布式部署、监控告警等高级功能。

多渠道策略
应用监控
分布式部署
敏感词过滤
4
第4阶段:功能扩展

OpenAi大模型微服务应用扩展功能,完善细节,包括企业微信、知识星球、管理后台等扩展功能。

企业微信对接
知识星球集成
管理后台
文生图功能

项目演示

小傅哥致力于把星球开发成最具互联网应用级实战项目开发学习社群,让加入的伙伴都能学习到干刺啦的硬核干货项目。

系统监控界面

能做一个上线运行的项目,就能多学到一半的知识量!

不上线,就不知道系统需要多大的服务器。不上线,就不能拿到系统的监控数据。不上线,就不清楚系统都有哪些异常。不上线,就不记得要给数据库表做索引优化。

系统监控展示

系统负载监控
应用性能监控

应用部署环境

应用部署环境

前端热力图监控

前端热力图监控

后端Grafana监控

后端Grafana监控

专业技能

前端技能

  • 熟练使用 Next.js 构建的 React、Typescript 语言,构建的前端工程
  • 熟练使用 React Route 路由子页面的开发技术,以及相应的信息传递
  • 熟练掌握,跨域接口的对接使用,以及本地 json 数据加载
  • 熟练使用本地浏览器内存,存储 Token、配置、对话等信息
  • 熟练掌握前端页面数据的存放、使用以及和后端接口的交互方式

后端技能

  • 熟练构建 DDD 工程架构,分层模块,职责体系。并掌握 DDD 架构的开发模式以及微服务设计思想
  • 熟练掌握 Spring、SpringBoot、MyBatis 等开发框架技术,并对其使用源码所提供的接口、类、SPI标准开发各类组件
  • 熟练使用多种设计模式、设计原则,对各类场景的方案设计和落地能力
  • 熟练对接微信公众号 SDK,属性验签流程和对话流程。以及完成 JWT Token 的生成和校验
  • 熟练掌握 Nginx Auth 验证模块的开发和使用,以用于对接口的校验和拦截
  • 熟练使用流式异步响应式框架开发应答接口,完成前端动态展示应答数据
  • 熟悉微信支付渠道对接,掌握商品、交易、下单、发货、掉单补偿等核心流程开发
  • 熟练使用 okhttp3、retrofit2 框架,对接 ChatGPT 完成通用 SDK 的开发

运维技能

  • 熟练使用 Docker 在本地和服务端的配置和部署应用,以及在本地构建前后端镜像
  • 熟练掌握 Git、GitCode,对工程代码的管理,推送、拉取、切换分支、合并代码等操作
  • 熟练申请和使用 SSL 配置 Nginx 域名 HTTPS 服务

商品支付演示

此项目具有前后端 + Dev-Ops 全栈开发实践,采用 DDD 架构设计落地,运用设计模式编写整洁的代码。并结合 OpenAi 技术、微信支付渠道,做产品化的设计和实现。

商品页面

商品页面

支付页面

支付页面

对话页面

对话页面

支付流程设计

支付流程设计

核心支付流程:用户选择商品下单 → 生成支付URL → 扫码支付 → 接收回调 → 订单发货(额度充值)

异常补偿流程

异常补偿流程

完善的异常处理机制,包括残单处理、掉单补偿、发货补偿等流程,确保支付链路的可靠性。

DDD架构设计

项目领域模型

项目领域模型

整个项目涉及的领域服务,包括生成式服务、权限校验、微信支付、用户账户、订单交易、商品等完整的业务域。

工程结构设计

工程结构设计

基于DDD架构的清晰分层结构,包含用户账户、商品表、订单表等核心业务模型。

代码实现设计

代码实现设计1 代码实现设计2

整个流程支付下单场景在领域中的体现,包括模型对象、仓储、服务的各层体现,充血模型的完美实现。

详细课程目录

第一部分:Dev-Ops

  1. push工程到仓库
  2. Docker环境配置
  3. Portainer环境配置
  4. Nginx环境配置
  5. 服务镜像构建和容器部署
  6. 前后端构建镜像部署
  7. 网站添加百度统计
  8. 应用监控(Prometheus)

第二部分:ChatGPT-API

  1. API工程搭建和简单访问认证
  2. Shiro登录授权发放访问Token
  3. 微信公众号验签和初步对接
  4. 工程重构和流式异步响应接口
  5. 公众号发送验证码鉴权登录
  6. 白名单和敏感词规则过滤
  7. 用户额度账户的校验领域实现
  8. 商品下单对接微信支付
  9. OpenAi多渠道策略模式
  10. 应用分布式设计

第三部分:ChatGPT-SDK

  1. ChatGPT-SDK组件工程
  2. 流式应答会话设计实现
  3. 完善实现各类常用接口
  4. 支持多渠道对话

第四部分:ChatGPT-WEB

  1. Web页面工程初始化
  2. 工具栏面板
  3. 按钮定义与事件实现
  4. 对话框列表
  5. 对话框消息
  6. 完善对话处理
  7. 对话角色设定
  8. 流式接口对接
  9. 公众号扫码登录
  10. 商品支付页

简历模板

项目描述

项目名称:OpenAI 应用服务 - 辅助工作提效工具开发

项目架构:微服务架构设计,OpenAI-SDK 多模型组件【ChatGLM、ChatGPT】、DDD 应用服务API封装、WEB REACT 前端界面

核心技术:SpringBoot、MyBatis、Redis/Guava、OKHttp3、OpenAI 大模型、React、TypeScript

核心职责

  • 采用 DDD 架构 API,以及便于不同领域模块的独立设计,一个领域就是一个功能域
  • 鉴于生成式服务的文本生成可能会有不可靠信息,所以对这部分内容添加了敏感词的过滤
  • OpenAI 大模型有多种,这部分在架构上设计独立的 SDK,在实现上采用了 Session 会话模型进行处理
  • 对接微信扫码支付,完成从商品库、下单支付、异步发货、掉单补偿等核心流程实现
  • 在整套工程的设计实现中,采用了较多的分治、抽象的思想和设计模式和设计原则知识的运用