Chanzhaoyu /chatgpt-web

用 Express 和 Vue3 搭建的 ChatGPT 演示网页

★ 31,332⑂ 10,565
VueCreated 2023-02-09
31,332
stars
+-20+-22+-77
10,565
forks
–
watchers
–
prs
–
issues
–
releases
–
discussions

README

ChatGPT Web

 声明:此项目只发布于 GitHub,基于 MIT 协议,免费且作为开源学习使用。并且不会有任何形式的卖号、付费服务、讨论群、讨论组等行为。谨防受骗。

English

!cover
!cover2

- ChatGPT Web
	- 介绍
	- 待实现路线
	- 前置要求
		- Node
		- PNPM
		- 填写密钥
	- 安装依赖
		- 后端
		- 前端
	- 测试环境运行
		- 后端服务
		- 前端网页
	- 环境变量
	- 打包
		- 使用 Docker
			- Docker 参数示例
			- Docker build \& Run
			- Docker compose
			- 防止爬虫抓取
		- 使用 Railway 部署
			- Railway 环境变量
		- 使用 Sealos 部署
		- 手动打包
			- 后端服务
			- 前端网页
	- 常见问题
	- 参与贡献
	- 致谢
	- 赞助
	- License
 介绍

支持双模型,提供了两种非官方 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 优先

环境变量:

全部参数变量请查看或这里


/service/.env.example


 待实现路线
[✓] 双模型

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

[✓] 对代码等消息类型的格式化美化处理

[✓] 访问权限控制

[✓] 数据导入、导出

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

[✓] 界面多语言

[✓] 界面主题

[✗] More...

 前置要求

 Node

node 需要 ^16 || ^18 || ^19 版本(node = 14 需要安装 fetch polyfill),使用 nvm 可管理本地多个 node 版本

shell
node -v


 PNPM
如果你没有安装过 pnpm
shell
npm install pnpm -g


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


 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=


 安装依赖

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

 后端

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

shell
pnpm install


 前端
根目录下运行以下命令
shell
pnpm bootstrap


 测试环境运行
 后端服务

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

shell
pnpm start


 前端网页
根目录下运行以下命令
shell
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 日志,可选,默认:empty 不关闭

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 一起时生效,可选
- S

Snapshot: 2026-11-10T09:35:25Z · Data license Apache-2.0 · JSON