我之前做了怎么注册ChatGPT以及把ChatGPT接入微信、公众号、等平台的教程，今天我就来把ChatGPT接入Web网站，供本站会员免费使用，主要目的是为了让没有精力或者条件去注册ChatGPT的小伙伴也能免费体验到ChatGPT。同时我会公布我完整的搭建教程，让每一个人都能轻轻松松搭建自己的ChatGPT网站并分享给朋友使用。

我先来展示一下我搭建的网站，既可以在电脑上使用，也可以在手机上使用。它接入了ChatGPT3.5的API，如果GPT 4.0的API申请通过，我也会公布4.0的网站给大家体验。喜欢的给个一键三连吧。

这是我的ChatGPT web服务器在电脑和手机上的展示效果。

我先教大家怎么自己搭建ChatGPT web网站，博客最后会公布我的网站给大家免费使用。

你也可以直接拉到最后获取我的ChatGPT web网站使用。

搭建ChatGPT web网站

API key

需要一个chatGPT账号并生成一个API Key，这个API secret Key是为了验证你的身份。

这个非常简单，我们打开openai的平台地址：https://platform.openai.com/

登录之后点击右上角的头像，点击Manage Account->API Keys->Create New Secret Key, 然后复制下来保存备用。

云服务器

云服务器需要在境外，如果没有云服务器的小伙伴可以看我之前的免费白嫖云服务器的教程。

云服务器建议使用Linux Ubuntu系统

如果有了云服务器我们先切换到root账户sudo su

然后执行以下命令来复制一份网站的模版：

git clone https://github.com/Chanzhaoyu/chatgpt-web.gitcd chatgpt-web

安装依赖

安装Node

node 需要 18或以上的版本

执行以下命令：

# 安装nodejs
apt install nodejs
# 安装node包管理器
apt install npm
# 升级包管理工具
upgradenpm install -g n
# 升级到node.js最新稳定版
n stable # latest
hash -r
# 查看版本，如果是 18及以上就可以了
node -v

安装PNPM

如果你没有安装过 pnpm，这是npm的替代品

npm install pnpm -g

填写密钥

安装服务

后端

我们在文件夹 service 运行以下命令

pnpm install

前端

根目录chatgpt-web下运行以下命令

pnpm bootstrap

运行

后端服务

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

touch nohup.outnohup pnpm start & tail -f nohup.out

前端网页

默认是1002端口，记得修改云服务器的防火墙允许你使用的端口被外网访问。

如果需要修改端口请打开这个文件修改。

vim vite.config.ts

我这里把端口改成80，因为http的默认端口是80，为了方便我绑定域名到这个ip上。如果你的80端口被占用，那请选择另外的端口。

根目录下运行以下命令

touch nohup.outnohup pnpm dev & tail -f nohup.out

绑定域名

如果你有域名，可以直接绑定到你的公网IP上，既可以绑定`顶级域名也可以绑定到二级域名。

只需要加一条A记录即可。

顶级域名

使用 http://example.com 就可以访问了。

二级域名

使用 http://chat.example.com 就可以访问了。

杀进程

如果需要重启，需要执行以下命令查到所有的进程ID，然后杀掉所有进程

ps -ef | grep -v grep | grep -E 'pnpm|node'
# 所有的进程都需要kill掉kill -9 PID