基于React ChatGpt Web AI聊天+AI绘画系统源码

简介

一个集成了ChatGPT和AI绘画功能的Web应用的源码。这个应用似乎具有用户系统、响应式UI设计、快速的首屏加载速度、内置prompt列表、聊天记录导出功能，以及支持自定义API地址（如OpenAI和API2D）等特性。

在准备开始使用这个源码之前，您需要确保具备以下环境：

1. Node环境：源码需要在Node.js环境下运行，您需要安装Node.js，并且版本需要是^16、^18或^19中的一个。您可以使用nvm（Node Version Manager）来管理本地的多个Node.js版本。

2. 安装依赖：在准备好Node环境后，您需要在项目目录下运行yarn install来安装项目所需的依赖。

3. 运行和打包：使用yarn dev来启动开发服务器，并在本地进行开发调试。当您完成开发并准备部署时，可以使用yarn build来打包项目。

关于环境变量，源码中大多数配置项都是通过环境变量来设置的。您需要根据自己的需求设置这些环境变量，比如VITE_APP_REQUEST_HOST用于设置请求服务端的Host地址，VITE_APP_TITLE用于设置Chat Web的标题名称等。

在开发方面，由于一些技术原因（如API代理问题），源码开发者强烈建议在本地进行开发或部署时谨慎行事，并尽量保证可以直连OpenAI服务器。

最后，部署时只需将打包好的dist目录上传到服务器即可。由于WEB项目暂时不直接访问OpenAI API，因此不要求特定的服务器地址。

请注意，使用OpenAI的API可能需要注册并获取API密钥，而且可能会有使用限制和费用。在使用API之前，请确保您已经了解并遵守了相关的使用条款和政策。此外，这个源码是一个开源项目，如果您计划在生产环境中使用它，建议您进行充分的安全性和性能测试，并根据需要进行必要的定制和优化。

截图

下载地址

备用地址