摆脱网络限制：用Vercel打造属于你的ChatGPT网站

前言

上一篇分享了如何用自己的服务器搭建chatgpt服务器，但是需要你有一个服务器，还是有点成本的。今天我带来一个无需自备服务器的方式，让你也能搭建属于自己的chatgpt专属助手，并且可以不受网络限制，直接访问使用。非常适合自己搭建好，分享给不会使用网络的人去体验chatgpt的魔力。

今天的主角就是Vercel了，Vercel是一个用于部署前端应用和Node服务的云平台，提供CDN加速，自带https，自带丰富的模板，支持根据模板创建项目和一键导入 github 的项目，非常方便。

同类的平台有Netlify 和 Github Pages，相比之下，vercel 国内的访问速度更快，并且提供了多环境部署，支持持续集成，一次push或者一次PR会自动化构建发布，发布在development环境，生成不一样的链接可供预览。

部署

fork项目

打开https://github.com/Yidadaa/ChatGPT-Next-Web，点击右上角的fork按钮。

点击下面的Create fork

打开自动更新

当你 fork 项目之后，由于 Github 的限制，需要手动去你 fork 后的项目的 Actions 页面启用 Workflows，并启用 Upstream Sync Action，启用之后即可开启每小时定时自动更新：

如果需要手动更新，点击一下这里：

开始部署

点击code返回首页，找到deploy按钮并点击：

使用你的github账号登录：

在弹出的页面中点击同意：

选择中国，输入你的手机号，点击继续，输入验证码，成功！

点击左上角Logo返回首页，点击Add New，选择Project：

输入chatgpt-next-web，点击Import：

1. 在项目配置页，点开 Environmane Variables 开始配置环境变量；
   
2. 依次新增名为 OPENAI_API_KEY 和 CODE 的环境变量；
   
3. 填入环境变量对应的值；
   
4. 点击 Add 确认增加环境变量；
   
5. 请确保你添加了 OPENAI_API_KEY，否则无法使用；
   
6. 点击 Deploy，创建完成，耐心等待 5 分钟左右部署完成。
   

看到这个页面就表示创建成功了,点击左侧就可以去访问了

1. 点击左下角设置
   
2. Language可以切换成中文
   
3. Access Code填入你之前在环境变量里面配置的密码
   
4. (可选)如果你不想让别人使用你的api key去请求，这里可以不用填密码，让使用者在API KEY这里输入自己的api key即可
   

扩展

按照上面的步骤就已经可以正常运行你的个人专属chatgpt了，下面是一些进阶用法。

配置你自己的域名

vercel支持配置你自己的域名，这样访问就会更简单一些。

首先进入Vercel首页，https://vercel.com/，选择你刚才创建好的项目。

依次选择settings -> Domains，输入你的域名，然后点击Add

稍等一会，这里显示Invalid Configuration，表示无效的配置，别担心，根据下面的提示，我们需要去dns配置下我们的域名。我目前是使用dnspod管理我的域名的，所以这里我用dnspod做演示，当然也可以用cloudflare跟阿里云，步骤类似。

首先进入dnspod控制台，https://console.dnspod.cn/，选择你的域名，点击：

1. 点击 添加记录
   
2. 出入你要映射的二级域名
   
3. 记录类型选个CNAME
   
4. 记录值输入 cname.vercel-dns.com.
   
5. 点击确认
   

这个时候再返回Vercel，就能看到Domains这里自动刷新了，显示下面的就表示配置成功了

在浏览器输入你配置好的网址，就可以直接访问啦！

如何更改环境变量

访问vercel主页：https://vercel.com/dashboard

点击你的项目：

1. 进去 Vercel 项目内部控制台，点击顶部的 Settings 按钮；
   
2. 点击左侧的 Environment Variables；
   
3. 点击已有条目的右侧按钮；
   
4. 选择 Edit 进行编辑，然后保存即可。
   

⚠️️ 注意：每次修改完环境变量，你都需要重新部署项目来让改动生效！

如何重新部署

1. 进入 Vercel 项目内部控制台，点击顶部的 Deployments 按钮；
   
2. 选择列表最顶部一条的右侧按钮；
   
3. 点击 Redeploy 即可重新部署。