大家好啊，我是测评君，欢迎来到web测评。
最近chatgpt真的是火了一遍又一遍，基本逛gayhub，gitee等开源社区的时候，随处可见各种大佬写的开源项目。今天给大家分享的是Chanzhaoyu大佬编写的一个网页版chatgpt，目前已经超过了12.8k star，而且感觉他都是无时无刻的在持续更新，简直是高产如奶牛啊！
那么多关于chatgpt的开源项目，为什么我会选择录制这个，主要是下面这几点原因：
-
该项目提的issues，大部分都是在搭建部署的时候，出现了各种各样的问题，说明有很多朋友连基本的搭建都搭建不起来，更别说拿来开发了。所以这就让我对这个项目有点好奇想测试一下。
-
前段时间测试了大大小小有关于chatgpt的开源项目，综合对比了后，发现这个项目回复速度简直是丝滑，只要魔法够给力，基本都是实时传输，不像其他很多项目，要等很久才返回信息。
-
看了整体代码，值得学习，实现聊天回复功能的思路也很新颖，用到了流式实时传输技术，结合一个好点的魔法梯子，基本能达到实时回复。
-
最重要的一点，就是作者高产如奶牛！让在下佩服，基本每个几个小时看一下，总会更新点东东与修复点bug…
技术架构
- Docker容器化部署 + node16 + vite + vue3 + express
- cnetos7以上 + 宝塔面板
文字搭建教程
- 下载源码，使用vscode导入代码目录。
- node需要 ^16 || ^18 || ^19 版本（node >= 14 需要安装 fetch polyfill），建议使用nvm管理本地多个node版本，不懂nvm的可以去看我之前的教程。
- 安装pnpm，如果没有安装过，可以执行 npm install pnpm -g 来全局安装。
- 进到service/.env文件，填写密钥等信息，主要填写OPENAI_API_KEY与SOCKS_PROXY_HOST还有SOCKS_PROXY_PORT这几个值就好了，尤其是如果在本地运行，魔法梯子很重要，切记切记！
- 进入文件夹 /service 运行命令 pnpm install 安装依赖。
- 根目录下运行命令 pnpm bootstrap 安装依赖。
- 测试环境运行后端，进入文件夹 /service 运行命令 pnpm start
- 测试环境运行前端，根目录下运行命令 pnpm dev
- 基本本地环境就是这一套流程了，其实都不难，难的是网络限制，必须要用魔法梯子。还有部署上宝塔服务器的，下一期再简单的给大家分享一下。部署方式与本地都是类似的。
系统介绍
此项目基于MIT协议，作为开源学习使用，支持双模型，提供了两种非官方ChatGPT API方法。
为了简便 后端开发人员 的了解负担，所以并没有采用前端 workspace 模式，而是分文件夹存放。
如果只需要前端页面做二次开发，删除 service 文件夹即可。文章来源：https://www.toymoban.com/news/detail-424318.html
系统实测截图
文章来源地址https://www.toymoban.com/news/detail-424318.html
到了这里，关于这个gayhub的大佬作者，更新起ChatGPT的项目，简直是高产如奶牛呐！实战网页版chatgpt-web源码（上）的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
