ChatGPT + 仿微信界面，效果好还TM贼漂亮！

作者：小傅哥 博客：https://bugstack.cn

❝沉淀、分享、成长，让自己和他人都能有所收获！😜 ❞

先看效果！！！

从这套 ChatGPT 工程设计到开发，到现在第一个版本的落地，已经有2个月多了。那为什么这么长时间呢？🤔 因为小傅哥所编写的不只是完成功能，而是从 Dev-Ops、API 工程 DDD 架构设计、ChatGPT-SDK 实现、ChatGPT-WEB React 开发一整套的东西，分步骤的逐步实现给大家，教会每个人有需要开发此类内容的，都可以依照工程学会。

从前端到后端、从开发到上线、从实施到运维，在这套项目中，你一个人就是全栈工程师！2个月多的时间里，20篇内容编写和20个视频录制，让有需要的伙伴，都能从头到尾的学习会。

🌶那，你看。只要你做了一套这样的项目，既可以学习到完整的技术运用，还可以应对面试编写简历。这可是一个非常不错的项目！而且是有效果的全流程上线运行的项目！

一、内容结构

全部课程，分为以下4部分；

• Dev-Ops：讲解关于基础环境的配置和使用，以及如何把应用发布部署到线上环境。这包括了镜像的打包和全流程的使用。非常适合没有学习过或者不太梳理此类内容的伙伴学习和掌握。
• ChatGPT-API：API 是一套统一封装的服务，用于处理外部访问的接口调用。这包括；公众号接口、流式异步响应消息应答接口、Nginx Shiro Auth 认证接口。并且这套工程的开发中，会带着大家做工程重构，代码设计模式重构。让参与学习的伙伴，可以了解什么是好的设计，怎么从泥潭中到好的设计中来。
• ChatGPT-SDK：此 SDK 的开发，运用了对话模型构建工厂，统一对外提供服务，并在技术实现上运用 okhttp3 封装服务接口，让SDK工程的可维护性为此高。学习这套东西 SDK 开发，以后你在封装其他的接口调用 SDK 就会有架构师的水平！
• ChatGPT-WEB：这是一套 React 开发的 WEB 界面，也是首次带着小伙伴完整的学习一遍前端技术的使用。讲真，React 代码真好看，它的学习完全可以是一种面向对象的学习，只要有 Java 语言基础，基本做3节课，就能跟上 React 的代码开发了！

一个工程师的学习路途，到最后总要会写点前端！ 否则你再好的后端代码，也没法用产品化的方式展示给用户。而这将影响你，未来是否能成为自主工作者。

二、编码展示

接下来，小傅哥给大家举例这套课程中的内容，让小伙伴看看干净、漂亮、整洁，有质量的架构和设计到底应该是什么样！也能为你以后的学习有个参考说明！

1. Dev-Ops

• 细化的教会读者怎么配置这些镜像打包的文件，一步步带着你搞。

2. ChatGPT-API

• 大部分研发总以为从一个架构换到另外一个架构，就能改变代码质量。但其实不会的！因为代码的质量主要来自于设计模式，架构的分层只是让结构更合理。
• 否则很多伙伴开发代码，都是；一个接口、一个实现，一个实现、代码一片。一片一片、又一片，代码行数、两三千。 那么这样写代码，不乱才怪！所以小傅哥在此套项目中会引入很多的设计模式帮大家提升设计思维和编码质量。

3. ChatGPT-SDK

• 代码能不能可维护，全靠工程的结构和设计模式的运用。而这些能力的成长，都需要新人学习其他优秀的高质量代码，才能提高自己的思维。否则全是 CRUD 干几年以后，也还是 CRUD 的思维。

4. ChatGPT-WEB

当小傅哥带着大家把 React 的学习细化到每一个步骤，每一个需求，每一个编码，每一个实现的时候，很多小伙伴也都能跟着学习会 React 的开发了。说句最直白的，学习完这套代码，那么你在看一些开源项目的前端代码，也都可以做一些扩展开发来满足自己的需求了。

4.1 需求

4.2 编码

4.3. 实现