ChatGpt-Web

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

开源 🏷️定价信息待确认 🚫 站点已失效对话助手 🍴 复刻 435 🐛 待处理 9 👀 关注 13

访问官网 ↗ GitHub ↗

GitHub 星标 ★ 1355

维护状态低维护

是否开源开源

定价模式 🏷️定价信息待确认

项目预览

项目数据

分类对话助手

开发团队79E

官网地址http://aizj.top

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

定价模式🏷️定价信息待确认

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

访问状态🚫 站点已失效

是否开源是

开源协议MIT

主要语言TypeScript

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

GitHub 星标★ 1355

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

代码更新2025-04-03

仓库体积654 KB

本站数据更新2026-11-09

维护状态低维护

收录时间2026-08-09

浏览次数8

项目介绍

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

Star 增长趋势

本站每日记录该项目 GitHub 星标变化，观测越久曲线越完整

数据来源：GitHub API 逐日快照 · 收录于 2026-08-09 · 当前星标 ★ 1355

技术标签

chat chatbot chatgpt openai react

使用教程

ℹ 本教程由 AI 依据该项目 README 整理，个别步骤可能需要按你的环境微调。

难度：入门约 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
```