这个gayhub的大佬作者，更新起ChatGPT的项目，简直是高产如奶牛呐！实战网页版chatgpt-web源码（上）

大家好啊，我是测评君，欢迎来到web测评。

最近chatgpt真的是火了一遍又一遍，基本逛gayhub，gitee等开源社区的时候，随处可见各种大佬写的开源项目。今天给大家分享的是Chanzhaoyu大佬编写的一个网页版chatgpt，目前已经超过了12.8k star，而且感觉他都是无时无刻的在持续更新，简直是高产如奶牛啊！

那么多关于chatgpt的开源项目，为什么我会选择录制这个，主要是下面这几点原因：

1. 该项目提的issues，大部分都是在搭建部署的时候，出现了各种各样的问题，说明有很多朋友连基本的搭建都搭建不起来，更别说拿来开发了。所以这就让我对这个项目有点好奇想测试一下。

2. 前段时间测试了大大小小有关于chatgpt的开源项目，综合对比了后，发现这个项目回复速度简直是丝滑，只要魔法够给力，基本都是实时传输，不像其他很多项目，要等很久才返回信息。

3. 看了整体代码，值得学习，实现聊天回复功能的思路也很新颖，用到了流式实时传输技术，结合一个好点的魔法梯子，基本能达到实时回复。

4. 最重要的一点，就是作者高产如奶牛！让在下佩服，基本每个几个小时看一下，总会更新点东东与修复点bug…

技术架构

• Docker容器化部署 + node16 + vite + vue3 + express
• cnetos7以上 + 宝塔面板

文字搭建教程

1. 下载源码，使用vscode导入代码目录。
2. node需要 ^16 || ^18 || ^19 版本（node >= 14 需要安装 fetch polyfill），建议使用nvm管理本地多个node版本，不懂nvm的可以去看我之前的教程。
3. 安装pnpm，如果没有安装过，可以执行 npm install pnpm -g 来全局安装。
4. 进到service/.env文件，填写密钥等信息，主要填写OPENAI_API_KEY与SOCKS_PROXY_HOST还有SOCKS_PROXY_PORT这几个值就好了，尤其是如果在本地运行，魔法梯子很重要，切记切记！
5. 进入文件夹 /service 运行命令 pnpm install 安装依赖。
6. 根目录下运行命令 pnpm bootstrap 安装依赖。
7. 测试环境运行后端，进入文件夹 /service 运行命令 pnpm start
8. 测试环境运行前端，根目录下运行命令 pnpm dev
9. 基本本地环境就是这一套流程了，其实都不难，难的是网络限制，必须要用魔法梯子。还有部署上宝塔服务器的，下一期再简单的给大家分享一下。部署方式与本地都是类似的。

系统介绍

此项目基于MIT协议，作为开源学习使用，支持双模型，提供了两种非官方ChatGPT API方法。

为了简便 后端开发人员 的了解负担，所以并没有采用前端 workspace 模式，而是分文件夹存放。

如果只需要前端页面做二次开发，删除 service 文件夹即可。

系统实测截图