ChatGpt-Web

用 React 快速搭建可商用的 ChatGPT 网页应用

ChatGpt-Web 是一个基于 React 和 TypeScript 构建的 ChatGPT 网页应用，旨在提供可直接商用的对话界面。它解决了开发者快速集成 OpenAI 能力并搭建前端界面的痛点，核心能力包括多会话管理、消息流式输出、Markdown 渲染、代码高亮、Prompt 预设等。项目采用前后端分离架构，后端支持 Node.js 和 Python 两种实现，便于部署和二次开发。界面设计简洁现代，适配移动端，并支持自定义主题和国际化。通过配置 API 密钥或反向代理，可灵活对接 OpenAI 官方接口或兼容服务，适合个人或团队快速搭建生产级聊天应用。

开源 unknown 对话助手

访问官网 ↗ GitHub ↗ 文档 ↗

GitHub 星标 ★ 1361

维护状态低维护

是否开源是

定价模式 unknown

项目数据

分类对话助手

开发团队79E

所属国家

官网地址http://aizj.top

GitHubhttps://github.com/79E/ChatGpt-Web

定价模式unknown

价格说明官网可访问，但未明确展示定价信息，需进一步确认。

访问状态

是否开源是

开源协议MIT

主要语言TypeScript

技术栈/模型chat,chatbot,chatgpt,openai,react

GitHub 星标★ 1361

30天Star增速

HF 下载量

上线时间2023-04-25 00:00:00

最近更新2026-09-21 00:00:00

维护状态低维护

中文支持

访问方式

移动端支持

综合评分

收录时间2026-08-09

浏览次数6

使用教程

难度：入门约 10 分钟部署方式：本地安装 6 步

环境要求

Node 版本为 ^16 || ^18 || ^19（node >= 16.19.0），可用 nvm 管理多版本
已安装 npm 与 yarn 包管理器
已安装 git，用于克隆仓库
前后端分离部署时还需要一个可用的后端服务地址

安装与启动步骤

1检查 Node 环境

确认 node 版本符合 ^16 || ^18 || ^19 且不低于 16.19.0，同时确认 npm、yarn 可用；版本不符可用 nvm 切换。
```
node -v
npm -v
yarn -v
```
2克隆项目代码

README 建议先 Fork 本项目再克隆到本地，这里直接克隆官方仓库，克隆完成后进入项目目录。
```
git clone https://github.com/79E/ChatGpt-Web.git
```
3安装依赖

进入项目根目录后用 yarn 安装全部依赖，依赖较多时请耐心等待安装完成。
```
cd ChatGpt-Web
yarn install
```
4配置环境变量

只有前后端分离模式部署时才需要配置 VITE_APP_REQUEST_HOST，指向后端服务地址；同机部署可跳过。
5启动开发服务

执行 web 项目启动脚本，终端会输出本地访问地址，浏览器打开即可看到聊天界面。
```
yarn dev:web
```
6打包生产文件

执行打包命令生成静态产物，打包结果在 dist 目录，可直接上传到服务器部署。
```
yarn build
```

关键配置

配置项	必填	说明	示例
`VITE_APP_REQUEST_HOST`	否	前后端分离部署时填写，指定前端请求的服务端地址	`https://your-api-host.com`

如何确认成功

执行 yarn dev:web 后终端输出本地访问地址，浏览器能正常打开聊天界面；yarn build 成功后会生成 dist 目录。

常见问题

Q：Node 版本不符怎么办？

A：README 要求 node 为 ^16 || ^18 || ^19 且 >= 16.19.0，可用 nvm 安装并切换到符合要求的版本后重新执行 yarn install。

Q：怎么把项目部署到服务器？

A：直接执行 yarn build，把打包好的 dist 目录上传到服务器即可，注意服务器 IP 地址位置。

Q：前端请求不到后端接口？

A：前后端分离模式需要配置环境变量 VITE_APP_REQUEST_HOST，填写后端服务的地址后再重新打包部署。

Q：依赖安装或启动报错怎么排查？

A：README 未提供该场景的说明，建议携带完整报错信息到 GitHub Issues 提问。

注意事项

README 中的演示后台账号 admin@c.om / admin123 仅用于体验演示站，请勿用于正式环境。
README 未给出后端（Node.js / Python）的具体部署命令，前后端分离时需自行准备后端服务。
环境变量章节在 README 中内容被截断，配置前请以仓库最新文档为准。
项目自带管理后台，可对用户、Token、商品、卡密等进行管理。

核心亮点

基于 React 和 TypeScript，组件化程度高，代码结构清晰，便于二次开发和维护
支持多会话并行管理，消息流式输出体验流畅，接近官方 ChatGPT 交互
后端提供 Node.js 和 Python 双版本，部署灵活，可适配不同团队技术栈

不足之处

项目星标数相对较少，社区生态和第三方插件支持有待观察
文档和示例可能不够全面，高级定制需自行阅读源码

适用场景

个人开发者快速搭建私有 ChatGPT 助手页面
创业团队构建 MVP 产品，验证 AI 对话场景
企业内网部署定制化 AI 客服或知识问答界面

替代项目

ChatGPT-Next-Web、Lobe Chat、Open WebUI

项目介绍

ChatGpt-Web 是对话助手领域的开源项目，由 79E 开发，2023 年首次发布。

在全站 13,014 个收录项目中，它的 GitHub 星标数（1,361）位列前 30%，在对话助手分类中处于中上游。

项目已超过三个月没有代码更新，维护节奏明显放缓，最近一次代码更新于 2026-09-21。官网可访问，但未明确展示定价信息，需进一步确认。从国内网络环境看，当前已无法正常访问。

它主要面向的使用场景是：个人开发者快速搭建私有ChatGPT助手页面。同类可对比的替代方案包括 ChatGPT-Next-Web、Lobe Chat、Open WebUI。

上一篇：chatbot-list

下一篇：Discord-AI-Chatbot