背景

最近我尝试了一下使用chatGPT进行交互,但是由于openAi加强了防作弊措施,页面会频繁刷新,导致整体的交互体验非常糟糕。因此,我开始寻找如何搭建自己的chatGPT网页版,来让交互更加顺畅。没有编程经验的同学也可以尝试哦!

前提准备

  • open AI 请求的KEY
  • vercel账号(免费注册)
  • github账号(免费注册)
  • cloudflare (免费注册)
  • 域名(可选项)

当上述内容都准备好了,就可以开始我们的自建网页版chatGPT之旅

10分钟建设自己的静态GPT页面

第一步:找到仓库

打开https://github.com/Yidadaa/ChatGPT-Next-Web这个仓库,找到README说明

deploy

点击上图所示的Deploy,这时候会去到vercel的界面去操作

第二步:配置vercel

出现这个界面,选择GitHub,然后点create,这样就创建了一个代码仓库在你的账号下,同时关联这个仓库在vercel里

选择平台

Create仓库

设置环境变量

OPENAI API的KEY怎么获取呢, 是在https://platform.openai.com/account/api-keys 这个地址下找到Create new secret key按钮,会弹窗出现SK开头的一串字符串,这个就是openai 的API KEY

OPENAI_API_KEY 是 openai 的API KEY

CODE是网页里需要设置的密码,做访问控制,如果不设置任何人都可以使用,容易被网上扫到这个页面然后就被恶意利用,尽量设置长一些的密码。

点击Depoly,然后程序就开始运行,等待即可。

成功界面

至此,部署成功,然后找到对应的网址即可。点Continue to Dashboard,去到控制面板,找到红色框的位置,点击该地址即可访问独立在线的网页版chatGPT

控制面板

在线GPT

填写之前的CODE(密码),就可以开始使用了

填写之前设置的密码

独立域名设置

上述步骤完成,已经可以让你独立访问自己的ChatGPT网页了,但是vercel自带的域名地址实在太长, 如果对这个有要求可以尝试自己去购买一个域名,具体域名怎么买就不详细介绍。

这里讲怎么去配置域名转发

vercel控制台

  • 在Vercel控制面板中找到SettingDomainsAdd,输入域名

notion image

  • Add之后,如果看到下图中的提示(Invalid Configuration)👇,说明要是这个域名解析生效,需要在你的域名商管理后台配置对应的Cname解析。

notion image

vercel.app因为被大量使用,自然而然被墙掉了,不过好在 Vercel 官方提供了单独的 IP 和 CNAME 地址给大家,对于国内的用户来说,配置一下单独的解析,依然可以享受 Vercel 提供的服务。

将上述步骤中用到的 ip和 cname地址替换成以下内容即可:

A记录地址:76.223.126.8876.76.21.98

CNAME 记录地址:cname-china.vercel-dns.com

完成

如果域名服务配置正常,Vercel的卡片会变成如图的样子:

notion image

上面是二级域名的效果,如果想要根域名转发,需要额外的操作

Vercel后台

直接添加根域名后,vercel会提示需要添加一条@记录指向vercel的服务器 76.76.21.21

域名管理后台

直接将根域名 解析到 vercel的服务器地址即可 : 76.76.21.21

扩展阅读 A记录和CNAME的区别

A记录就是把一个域名解析到一个IP地址(Address,特指数字IP地址);

CNAME记录就是把域名解析到另外一个域名。

其功能差不多,CNAME将几个主机名指向一个别名,其实跟指向IP地址是一样的,因为这个别名也要做一个A记录的。

最后

看完文章的同学如果有兴趣也可以去试试看, 大概就花30分钟不到可以做好独立域名的专属自己的chatGPT,速度真的太快了。

不过免费账号有个缺点,就是每分钟只能3次的接口请求,对于正常使用来说已经是够了,但是对多个人使用的话可能会比较麻烦一些。

最后的最后推荐一篇开通GPTPLUS的文章,如果有需求的同学可以看看

https://www.onekey.wiki/post/chatgpt-plus/