ChatGPT-Plus

ChatGPT-Plus 是使用官方 ChatGPT API 的应用程序。

演示 Demo / 反馈 Issues / 开发 Gitpod / 部署 Vercel

简体中文 | English

喜欢这个项目吗？请帮忙点个 Star ⭐️
或者分享给您的朋友，以帮助它得到改善！

Features

• 介绍
• 特性
• 原理
• 在线开发
• 安装运行
  • 克隆项目
  • 环境配置
  • 前端网页
  • 后端服务
• 打包部署
  • 使用 Docker 部署
  • 使用 Vercel 部署
  • 手动打包
    • 前端网页
    • 后端服务
• 附加说明
• 常见问题
• 参与贡献
• 感谢
• 赞助
• License

📖介绍

ChatGPT-Plus 客户端是官方 ChatGPT API 的应用程序。该应用程序是对 OpenAI 的ChatGPT的官方 API 的封装应用。

✨特性

• 📦 一个完整的 ChatGPT 客户端。
• 🚀 使用 Nextjs & Nestjs 构建，快速启动。
• 📱 响应式设计，支持移动端访问。
• 🌈 支持多种主题, 白天/夜间模式。
• 🌍 国际化支持，目前支持中文和英文。
• 📦 支持自定义提示词，查看在线推荐提示词
• 🎨 使用 CSS-in-JS 技术，支持主题定制。
• 📦 支持 Docker & Vercel 部署。

🔬原理

提供两种方式进行访问，要在 Node.js 中使用此模块，您需要在两种方法之间选择：

方法	免费？	健壮？	质量？
ChatGPTAPI	❌ 否	✅ 是	✅️ 真实的 ChatGPT 模型
ChatGPTUnofficialProxyAPI	✅ 是	☑️ 可能	✅ 真实的 ChatGPT

1. ChatGPTAPI - 使用带有官方 OpenAI 聊天完成 API（官方、强大的方法，但不免费）的gpt-3.5-turbo-0301模型。您可以覆盖模型、完成参数和系统消息，以完全自定义您的助手。

2. ChatGPTUnofficialProxyAPI - 使用非官方代理服务器以绕过 Cloudflare 的方式访问 ChatGPT 的后端 API（使用真实的 ChatGPT，比较轻量级，但依赖第三方服务器且有速率限制）。

这两种方法具有非常相似的 API，因此在它们之间切换应该很简单。

注意：我们强烈建议使用ChatGPTAPI，因为它使用 OpenAI 官方支持的 API。在未来的发布版本中，我们可能会停止对ChatGPTUnofficialProxyAPI的支持。

该请求原理采用的是 chatgpt-api提供的功能模块.

💻在线开发

你可以使用 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	接口地址

配置文件

可直接复制根目录下的.env.example 文件进行修改，文件名修改为.env

# port
PORT=3000

# api url
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	超时毫秒数

配置文件

可直接复制 service 目录下的.env.example 文件进行修改，文件名修改为.env

# service/.env
# OpenAI API Key - https://platform.openai.com/overview
OPENAI_API_KEY=

# change this to an `accessToken` extracted from the ChatGPT site's `https://chat.openai.com/api/auth/session` response
OPENAI_ACCESS_TOKEN=

# Reverse Proxy default 'https://bypass.churchless.tech/api/conversation'
API_REVERSE_PROXY=

# timeout
TIMEOUT_MS=100000

运行代码

# 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环境变量

手动打包

前端网页打包

• 代码打包
  • 进入项目根文件夹
  • 修改根目录下 .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

配置文件

您可以通过给后端服务.env 配置OPENAI_API_KEY密钥进行访问：

# R OpenAI API Key
OPENAI_API_KEY =

本项目使用的是 OpenAI 官方提供的 API，需要先申请 OpenAI 账号

• OpenAI 官方注册申请地址：https://platform.openai.com/，需要科学上网
• 注册成功后，通过https://platform.openai.com/account/api-keys 获取 API Key，需要科学上网

获取访问令牌 accessToken

配置文件

您可以通过给后端服务.env 配置OPENAI_ACCESS_TOKEN访问令牌访问：

# change this to an `accessToken` extracted from the ChatGPT
OPENAI_ACCESS_TOKEN =

您需要从 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字符串。

访问令牌有效期为数天。

注意：使用反向代理将使您的访问令牌暴露给第三方。这不会产生任何不利影响，但在使用此方法之前，请考虑风险。

反向代理

配置文件

您可以通过给后端服务.env 配置API_REVERSE_PROXY代理地址覆盖反向代理：

# Reverse Proxy
API_REVERSE_PROXY =

社区成员运行的已知反向代理包括：

反向代理 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 配置同理。

🤝参与贡献

感谢所有做过贡献的人!

Star History

🙏感谢

• 非常感谢项目支持者和所有其他贡献者 💪
• 非常感谢最初构建的参考项目@transitive-bullshit的chatgpt-api和@Chanzhaoyu的chatgpt-web提供的思路。👍
• 非常感谢OpenAI 创建的 ChatGPT 🔥

💰赞助

如果您觉得本项目对您有帮助，可以帮忙点个 Star ⭐️，或者分享给您的朋友，您的支持是我最大的动力！

📜License

MIT © zhpd