crews

crews

保持学习和对新事物的热情~ Magic

30分钟搭建自己的ChatGPT网页版

131738.jpg

背景#

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

前提准备#

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

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

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

第一步:找到仓库#

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

11.png

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

第二步:配置 vercel#

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

22.png

33.png

image

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,然后程序就开始运行,等待即可。

image

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

image

image

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

image

独立域名设置#

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

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

vercel 控制台#

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

1.png

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

2.png

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

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

A 记录地址:76.223.126.8876.76.21.98

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

完成#

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

3.png

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

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/

加载中...
此文章数据所有权由区块链加密技术和智能合约保障仅归创作者所有。