基于React和expressJS实现ChatGPT Web 应用程序，支持GPT3聊天和 生成图像

# ChatGPT Web 应用程序 一个 Web 应用程序，允许用户通过简单且用户友好的界面与 OpenAI 的 GPT-3 语言模型进行交互。 此应用程序用于演示目的，以测试 OpenAI API ＃＃ 特征 - 用于向 OpenAI API 发出请求的用户友好界面 - 回复以类似聊天的格式显示 - 根据您的需要选择模型（Davinci、Codex、Create Image） - 突出显示代码语法 ## 使用的技术 - 对于客户端，我使用了 React.js。 - 对于服务器，我使用了 express。 ## 设置介绍 本指南将帮助您在本地计算机上设置存储库。 请仔细按照这些步骤操作，以确保设置过程顺利进行。 ### 后端设置 - 导航到服务器目录 ``` cd server # 导航到服务器目录： ``` - 安装依赖项 ``` npm install #安装后端依赖 ``` - 在 .env 文件中设置 OPENAI_API_KEY： ``` OPENAI_API_KEY=您的_OPENAI_API_KEY ``` - 通过运行以下命令启动后端服务器： ``` node index.js ``` ### 前端设置 - 导航到客户端目录： ``` 光盘客户端 ``` - 运行以下命令安装前端依赖项： ``` npm install ``` - 将 `.env` 文件中的 `REACT_APP_BACKEND_URL` 设置为后端服务器的 URL。 对于本地开发，请使用以下 URL： ``` REACT_APP_BACKEND_URL=http://localhost:3001/ ``` - 通过运行以下命令启动前端应用程序： ``` npm 开始 ``` ### 在同一端口/URL 中托管后端和前端 如果您希望在同一个端口/URL 上同时托管后端和前端，请按照以下步骤操作： - 通过在 `client` 目录中运行以下命令来构建前端： ``` npm 运行构建 ``` - 将 `build` 目录复制到 `server` 目录并将其重命名为 `frontend`。 - 使用“后端设置”部分中的说明启动后端服务器。 - 设置过程完成后，可以通过后端服务器的 URL 访问前端。 ＃＃ 用法 - 在输入字段中键入并按回车键或单击发送按钮向 OpenAI API 发出请求 - 使用 control+enter 在输入字段中添加换行符 - 回复以类似聊天的格式显示在页面顶部 - 生成代码，包括将自然语言翻译成代码 - 您还可以使用 DALL·E 模型创建 AI 图像