ChatGPT-Plus: 使用官方 ChatGPT API 的应用程序
ChatGPT-Plus 客户端是官方 ChatGPT API 的应用程序。该应用程序是对 OpenAI 的ChatGPT的官方 API 的封装应用。
✨特性
📦 一个完整的 ChatGPT 客户端。
🚀 使用 Nextjs & Nestjs 构建,快速启动。
📱 响应式设计,支持移动端访问。
🌈 支持多种主题, 白天/夜间模式。
🌍 国际化支持,目前支持中文和英文。
📦 支持自定义提示词,查看在线推荐提示词
🎨 使用 CSS-in-JS 技术,支持主题定制。
📦 支持 Docker & Vercel 部署。
🔬原理
提供两种方式进行访问,要在 Node.js 中使用此模块,您需要在两种方法之间选择:
方法 免费? 健壮? 质量?
ChatGPTAPI ❌ 否 ✅ 是 ✅️ 真实的 ChatGPT 模型
ChatGPTUnofficialProxyAPI ✅ 是 ☑️ 可能 ✅ 真实的 ChatGPT
ChatGPTAPI - 使用带有官方 OpenAI 聊天完成 API(官方、强大的方法,但不免费)的gpt-3.5-turbo-0301模型。您可以覆盖模型、完成参数和系统消息,以完全自定义您的助手。
ChatGPTUnofficialProxyAPI - 使用非官方代理服务器以绕过 Cloudflare 的方式访问 ChatGPT 的后端 API(使用真实的 ChatGPT,比较轻量级,但依赖第三方服务器且有速率限制)。
这两种方法具有非常相似的 API,因此在它们之间切换应该很简单。
注意:我们强烈建议使用ChatGPTAPI,因为它使用 OpenAI 官方支持的 API。在未来的发布版本中,我们可能会停止对ChatGPTUnofficialProxyAPI的支持。
该请求原理采用的是 chatgpt-api提供的功能模块.
💻在线开发
你可以使用 Gitpod 进行在线开发:
Open in Gitpod
或者克隆到本地开发,按照以下步骤进行:
🚀安装运行
克隆项目
# clone the project
git clone https://github.com/zhpd/chatgpt-plus.git
如果没有 git 环境,可以直接下载 zip 包,解压后进入项目目录
环境配置
Node v14+
本项目基于 Node.js 进行开发,需要 Node.js 14.0+ 环境。Make sure you're using node >= 18 so fetch is available (or node >= 14 if you install a fetch polyfill).
Api Key / AccessToken
本项目使用的是 OpenAI 官方提供的 API,需要申请 Api Key 和 AccessToken
OpenAI 官方注册申请地址:https://platform.openai.com/,需要科学上网
通过其他方式获取 ApiKey 或 AccessToken 点击查看
申请成功后,将 APIKey 和 AccessToken 填写到 chatgpt-plus/service/.env 文件中
可选 VSCode
推荐使用 VSCode 编辑器进行开发,安装插件 ESLint 和 Prettier,并在设置中开启 Format On Save
前端网页
环境变量-前端
配置端口和接口请求地址在根目录.env 里。 可直接复制根目录下的.env.example 文件进行修改,文件名修改为.env)
环境变量名 默认值 说明
PORT 3000 端口
NEXT_PUBLIC_API_URL http://localhost:3002 接口地址
配置文件
运行代码
# enter the project directory
cd chatgpt-plus
# install dependency
npm install
# develop
npm run dev
运行启动成功后,可在浏览器打开 http://localhost:3000 查看效果
后端服务
环境变量-后端
配置端口和 ApiKey、AccessToken 在 service 目录下.env 里
环境变量名 默认值 说明
PORT 3002 端口
OPENAI_API_KEY - API_KEY
OPENAI_ACCESS_TOKEN - ACCESS_TOKEN
API_REVERSE_PROXY https://api.pawan.krd/backend-api/conversation 代理
TIMEOUT_MS 60000 超时毫秒数
配置文件
运行代码
# enter the project directory
cd chatgpt-plus
# enter the service directory
cd service
# install dependency
npm install
# develop
npm run dev
运行启动成功后,后端服务便可正常运行
📦打包部署
Docker
使用Docker方式部署,需要安装Docker环境
Docker 参数示例
使用docker-compose文件夹内的配置文件,进行拉取运行即可
Vercel
使用Vercel进行部署,可一键部署
Vercel环境变量
Deploy with Vercel
手动打包
前端网页打包
代码打包
进入项目根文件夹
修改根目录下 .env 文件中的 API_URL 为你的实际后端接口公网地址
运行 npm install 安装依赖
运行 npm run build 打包代码
运行部署
将 dist 文件夹内的文件复制到你网站 前端服务 的目录下
进入 dist 文件夹
运行 npm run start 启动服务
后端服务打包
代码打包
进入 service 文件夹
运行 npm install 安装依赖
运行 npm run build 打包代码
运行部署
将 service/dist 文件夹内的文件复制到你网站 后端服务 的目录下
进入 service/dist 文件夹
运行 npm run start 启动服务
备注: 如果不想进行打包,可以直接复制 service文件夹 到服务器上运行 npm install 和 npm run start 也可以启动服务
ℹ️附加内容
获取密钥 API Key
配置文件
本项目使用的是 OpenAI 官方提供的 API,需要先申请 OpenAI 账号
OpenAI 官方注册申请地址:https://platform.openai.com/,需要科学上网
注册成功后,通过https://platform.openai.com/account/api-keys 获取 API Key,需要科学上网
获取访问令牌 accessToken
配置文件
您需要从 ChatGPT Web 应用程序获取一个 OpenAI 访问令牌。您可以使用以下任何方法之一,这些方法需要一个email和password,并返回一个访问令牌:
Node.js 库
ericlewis/openai-authenticator
michael-dm/openai-token
allanoricil/chat-gpt-authenticator
Python 库
acheong08/OpenAIAuth
这些库与使用电子邮件和密码进行身份验证的帐户配合使用(例如,它们不支持通过 Microsoft / Google 进行身份验证的帐户)。
另外,您可以通过登录 ChatGPT Web 应用程序并打开https://chat.openai.com/api/auth/session来手动获取一个accessToken,该链接将返回一个 JSON 对象,其中包含您的accessToken字符串。
访问令牌有效期为数天。
注意:使用反向代理将使您的访问令牌暴露给第三方。这不会产生任何不利影响,但在使用此方法之前,请考虑风险。
反向代理
配置文件
社区成员运行的已知反向代理包括:
反向代理 URL 作者 速率限制 最后检查日期
https://bypass.churchless.tech/api/conversation @acheong08 5 req / 10 seconds by IP 3/24/2023
https://api.pawan.krd/backend-api/conversation @PawanOsman 50 req / 15 seconds (~3 r/s) 3/23/2023
注:目前不公布反向代理工作方式的信息,以防止 OpenAI 禁用访问。
❓常见问题
Q: 如果只使用前端页面,在哪里改请求接口?
A: 根目录下 .env 文件中的 API_URL 字段。
Q: 前端没有打字机效果?
A: 一种可能原因是经过 Nginx 反向代理,开启了 buffer,则 Nginx 会尝试从后端缓冲一定大小的数据再发送给浏览器。请尝试在反代参数后添加 proxy_buffering off;,然后重载 Nginx。其他 web server 配置同理。
参考