ChatGPT Web

免责声明：本项目仅在 GitHub 上发布，基于 MIT 许可证，免费且用于开源学习用途。不会以任何形式进行账号销售、付费服务、讨论群、讨论组等行为。谨防受骗。

English

• ChatGPT Web
  • 介绍
  • 路线图
  • 前置要求
    • Node
    • PNPM
    • 填写密钥
  • 安装依赖
    • 后端
    • 前端
  • 测试环境运行
    • 后端服务
    • 前端网页
  • 环境变量
  • 打包
    • 使用 Docker
      • Docker 参数示例
      • Docker 构建 & 运行
      • Docker compose
      • 防止爬虫
    • 使用 Railway 部署
      • Railway 环境变量
    • 使用 Sealos 部署
    • 手动打包
      • 后端服务
      • 前端网页
  • 常见问题
  • 参与贡献
  • 致谢
  • 赞助商
  • 许可证

介绍

支持双模型，提供了两种非官方 ChatGPT API 方法

方法	免费？	可靠性	质量
ChatGPTAPI(gpt-3.5-turbo-0301)	否	可靠	相对较笨
ChatGPTUnofficialProxyAPI(网页 accessToken)	是	相对不可靠	聪明

对比：

1. ChatGPTAPI 使用 gpt-3.5-turbo 通过 OpenAI 官方 API 调用 ChatGPT
2. ChatGPTUnofficialProxyAPI 使用非官方代理服务器访问 ChatGPT 的后端 API，绕过 Cloudflare（依赖第三方服务器，并且有速率限制）

警告：

1. 你应该首先使用 API 方式
2. 使用 API 时，如果网络无法访问，那是国内被墙了，你需要自建代理，绝对不要使用别人的公开代理，那是危险的
3. 使用 accessToken 方式时，反向代理将暴露你的访问令牌给第三方。这应该不会造成任何不良影响，但在使用这种方法之前请考虑风险
4. 使用 accessToken 时，不管你是国内还是国外的机器，都会使用代理。默认代理为 pengzhile 的 https://ai.fakeopen.com/api/conversation。这不是后门也不是监控，除非你有能力自己翻过 CF 验证，用前请知悉。社区代理（注意：只推荐这两个，其他第三方来源，请自行辨别）
5. 把项目发布到公共网络时，你应该设置 AUTH_SECRET_KEY 变量添加你的密码访问权限，你还应该修改 index.html 中的 title，防止被关键词搜索到。

切换方式：

1. 进入 service/.env.example 文件，复制内容到 service/.env 文件
2. 使用 OpenAI API Key 请填写 OPENAI_API_KEY 字段 (获取 apiKey)
3. 使用 Web API 请填写 OPENAI_ACCESS_TOKEN 字段 (获取 accessToken)
4. 同时存在时以 OpenAI API Key 优先

环境变量：

全部参数变量请查看这里 环境变量

路线图

[✓] 双模型

[✓] 多会话储存和上下文逻辑

[✓] 代码等消息类型格式化

[✓] 访问权限控制

[✓] 数据导入、导出

[✓] 保存消息到本地图片

[✓] 界面多语言

[✓] 界面主题

[✗] 更多...

前置要求

Node

node 需要 ^16 || ^18 || ^19 版本（node >= 14 需要安装 fetch polyfill），使用 nvm 可管理本地多个 node 版本

node -v

PNPM

如果你没有安装过 pnpm

npm install pnpm -g

填写密钥

获取 Openai Api Key 或 accessToken 并填写本地环境变量 跳转

# service/.env 文件

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

# 更改为从 ChatGPT 网站的 `https://chat.openai.com/api/auth/session` 响应中提取的 `accessToken`
OPENAI_ACCESS_TOKEN=

安装依赖

为了简便 "后端开发人员" 的了解负担，所以并没有采用前端 "workspace" 模式，而是分文件夹存放。如果只需要前端页面做二次开发，删除 service 文件夹即可。

后端

进入文件夹 /service 运行以下命令

pnpm install

前端

根目录下运行以下命令

pnpm bootstrap

测试环境运行

后端服务

进入文件夹 /service 运行以下命令

pnpm start

前端网页

根目录下运行以下命令

pnpm dev

环境变量

API 可用：

• OPENAI_API_KEY 和 OPENAI_ACCESS_TOKEN 二选一
• OPENAI_API_MODEL 设置模型，可选，默认：gpt-3.5-turbo
• OPENAI_API_BASE_URL 设置接口地址，可选，默认：https://api.openai.com
• OPENAI_API_DISABLE_DEBUG 设置接口关闭 debug 日志，可选，默认：空不关闭

ACCESS_TOKEN 可用：

• OPENAI_ACCESS_TOKEN 和 OPENAI_API_KEY 二选一，同时存在时，OPENAI_API_KEY 优先
• API_REVERSE_PROXY 设置反向代理，可选，默认：https://ai.fakeopen.com/api/conversation，社区（注意：只推荐这两个，其他第三方来源，请自行辨别）

通用：

• AUTH_SECRET_KEY 访问权限密钥，可选
• MAX_REQUEST_PER_HOUR 每小时最大请求次数，可选，默认无限
• TIMEOUT_MS 超时，单位毫秒，可选
• SOCKS_PROXY_HOST 和 SOCKS_PROXY_PORT 一起时生效，可选
• SOCKS_PROXY_PORT 和 SOCKS_PROXY_HOST 一起时生效，可选
• HTTPS_PROXY 支持 http，https, socks5，可选
• ALL_PROXY 支持 http，https, socks5，可选

打包

使用 Docker

Docker 参数示例

Docker 构建 & 运行

docker build -t chatgpt-web .

# 前台运行
docker run --name chatgpt-web --rm -it -p 127.0.0.1:3002:3002 --env OPENAI_API_KEY=your_api_key chatgpt-web

# 后台运行
docker run --name chatgpt-web -d -p 127.0.0.1:3002:3002 --env OPENAI_API_KEY=your_api_key chatgpt-web

# 运行地址
http://localhost:3002/

Docker compose

Docker Hub 地址

version: '3'

services:
  app:
    image: chenzhaoyu94/chatgpt-web # 总是使用 latest ,更新时重新 pull 该 tag 镜像即可
    ports:
      - 127.0.0.1:3002:3002
    environment:
      # 二选一
      OPENAI_API_KEY: sk-xxx
      # 二选一
      OPENAI_ACCESS_TOKEN: xxx
      # API接口地址，可选，设置 OPENAI_API_KEY 时可用
      OPENAI_API_BASE_URL: xxx
      # API模型，可选，设置 OPENAI_API_KEY 时可用，https://platform.openai.com/docs/models
      # gpt-4, gpt-4-0314, gpt-4-32k, gpt-4-32k-0314, gpt-3.5-turbo, gpt-3.5-turbo-0301, text-davinci-003, text-davinci-002, code-davinci-002
      OPENAI_API_MODEL: xxx
      # 反向代理，可选
      API_REVERSE_PROXY: xxx
      # 访问权限密钥，可选
      AUTH_SECRET_KEY: xxx
      # 每小时最大请求次数，可选，默认无限
      MAX_REQUEST_PER_HOUR: 0
      # 超时，单位毫秒，可选
      TIMEOUT_MS: 60000
      # Socks代理，可选，和 SOCKS_PROXY_PORT 一起时生效
      SOCKS_PROXY_HOST: xxx
      # Socks代理端口，可选，和 SOCKS_PROXY_HOST 一起时生效
      SOCKS_PROXY_PORT: xxx
      # HTTPS 代理，可选，支持 http，https，socks5
      HTTPS_PROXY: http://xxx:7890

• OPENAI_API_BASE_URL 可选，设置 OPENAI_API_KEY 时可用
• OPENAI_API_MODEL 可选，设置 OPENAI_API_KEY 时可用

防止爬虫

nginx

在 nginx 配置文件中添加以下内容，可以防止爬虫爬取你的网站，参考 docker-compose/nginx/nginx.conf 文件。

    # 防止爬虫抓取
    if ($http_user_agent ~* "360Spider|JikeSpider|Spider|spider|bot|Bot|2345Explorer|curl|wget|webZIP|qihoobot|Baiduspider|Googlebot|Googlebot-Mobile|Googlebot-Image|Mediapartners-Google|Adsbot-Google|Feedfetcher-Google|Yahoo! Slurp|Yahoo! Slurp China|YoudaoBot|Sosospider|Sogou spider|Sogou web spider|MSNBot|ia_archiver|Tomato Bot|NSPlayer|bingbot")
    {
      return 403;
    }

使用 Railway 部署

Railway 环境变量

环境变量名称	是否必需	备注
PORT	必需	默认 3002
AUTH_SECRET_KEY	可选	访问权限密钥
MAX_REQUEST_PER_HOUR	可选	每小时最大请求次数，可选，默认不限制
TIMEOUT_MS	可选	超时时间，单位毫秒
OPENAI_API_KEY	OpenAI API 二选一	使用 OpenAI API 需要的 apiKey (获取 apiKey)
OPENAI_ACCESS_TOKEN	Web API 二选一	使用 Web API 需要的 accessToken (获取 accessToken)
OPENAI_API_BASE_URL	可选，使用 OpenAI API 时可用	API 接口地址
OPENAI_API_MODEL	可选，使用 OpenAI API 时可用	API 模型
API_REVERSE_PROXY	可选，使用 Web API 时可用	Web API 反向代理地址 详情
SOCKS_PROXY_HOST	可选，与 SOCKS_PROXY_PORT 一起生效	Socks 代理
SOCKS_PROXY_PORT	可选，与 SOCKS_PROXY_HOST 一起生效	Socks 代理端口
SOCKS_PROXY_USERNAME	可选，与 SOCKS_PROXY_HOST 一起生效	Socks 代理用户名
SOCKS_PROXY_PASSWORD	可选，与 SOCKS_PROXY_HOST 一起生效	Socks 代理密码
HTTPS_PROXY	可选	HTTPS 代理，支持 http、https、socks5
ALL_PROXY	可选	所有代理，支持 http、https、socks5

注意：在 Railway 修改环境变量会重新 Deploy

使用 Sealos 部署

环境变量与 Docker 环境变量保持一致

手动打包

后端服务

如果你不需要本项目的 node 接口，可以省略如下操作

复制 service 文件夹到你有 node 服务环境的服务器上。

# 安装
pnpm install

# 打包
pnpm build

# 运行
pnpm prod

PS: 也可以直接在服务器上运行 pnpm start 而不需要打包

前端网页

1. 修改根目录下 .env 文件中的 VITE_GLOB_API_URL 为你的实际后端接口地址
2. 根目录下运行以下命令，然后将 dist 文件夹内的文件复制到你网站服务的根目录下

参考信息

pnpm build

常见问题

问：为什么 Git 提交总是报错？

答：因为有提交信息验证，请遵循 提交指南

问：如果只使用前端页面，要如何改请求接口？

答：根目录下 .env 文件中的 VITE_GLOB_API_URL 字段。

问：文件保存时全部爆红？

答：vscode 请安装项目推荐的插件，或手动安装 Eslint 插件。

问：前端没有打字机效果？

答：一种可能原因是经过 Nginx 反向代理，开启了 buffer，则 Nginx 会尝试从后端缓冲一些数据再发送给浏览器。请尝试在反向代理参数后添加 proxy_buffering off;，然后重新加载 Nginx。其他 web 服务器配置同理。

参与贡献

在参与贡献之前请先阅读 贡献指南

感谢所有做过贡献的人！

<a href="https://github.com/Chanzhaoyu/chatgpt-web/graphs/contributors"> <img src="https://contrib.rocks/image?repo=Chanzhaoyu/chatgpt-web" /> </a>

鸣谢

感谢 JetBrains 为本项目提供免费的开源许可证。

赞助

如果你觉得这个项目对你有帮助，并且情况允许的话，可以给我一点点支持，总之非常感谢支持～

<div style="display: flex; gap: 20px;"> <div style="text-align: center"> <img style="max-width: 100%" src="https://yellow-cdn.veclightyear.com/ab5030c0/0d03d34c-5b56-46a4-ac22-f34e0c0098a1.png" alt="微信" /> <p>微信赞赏</p> </div> <div style="text-align: center"> <img style="max-width: 100%" src="https://yellow-cdn.veclightyear.com/ab5030c0/51d512c7-d5bd-4e29-84a3-72426d679a9a.png" alt="支付宝" /> <p>支付宝</p> </div> </div>

许可证

MIT © [ChenZhaoYu]