20240116 2024最新版ChatGPT Next Web部署教程

ChatGPT作为2023年现象级产品，将会一直引领着这个时代。今天便来分享一个私人 ChatGPT 网页应用——ChatGPT Next Web，让你随时随地方便使用ChatGPT！

ChatGPT基础篇

在开始前，你需要了解这些知识：

在中国大陆境内域名提供商购买的域名（阿里/腾讯等），需要实名认证才能开启 DNS 解析。而在国外域名提供商购买的域名则不用（namesilo/namecheap）。
指向中国大陆内的云服务器的域名提供的网站，必须备案才能正常被访问。但是任何指向国外服务器的域名却可以不受此规则的限制。可以利用这一点，绕过 __ 的限制。
Vercel 是一个无需云服务器即可快速部署现代 Web 应用程序的平台。
vercel.app 本身是被墙了的网站，但是它的服务器 IP 却没有被墙。可以利用这点，让你的域名直接指向 Vercel 服务器，从而访问 Vercel 提供的服务。
此文章采用ChatGPT-Next-Web 来搭建 ChatGPT 网页服务（原作者Yidadaa已经卖掉了这个项目，毕竟开源最好的归宿就是被收购，对个人用户而言不受影响）。

先决条件

OpenAI API Key
一个域名
魔法（访问 Vercel 时需要用到）

详细步骤

ForkChatGPT-Next-Web 项目至你的 GitHub。
在 Vercel 新建一个项目，并选取你刚刚 Fork 的项目，点击 Import 按钮。
在 Environment Variables 中添加环境变量，然后点击 Deploy 按钮。
个人使用建议添加添加OPENAI_API_KEY或者Access Code。
个人使用建议配置域名，需要在Vercel控制面板中找到Setting → Domains → Add，输入域名，我这边的设置的是chat.findmyfun.xyz，也就是页面上面的猫のGPT。

注意，需要在设置 -> 授权码填写你在 CODE 环境变量中设置的密码，否则将无法使用。

配置CNAME解析

博主是用的腾讯云DNS托管的我的域名，点击域名进行配置，添加一条CNAME 转发，其他的推荐的可以使用CloudFlare，参照这篇博客Vercel应用绑定自己的域名即可。
Vercel 官方提供了单独的 IP 和 CNAME 地址给大家，对于国内的用户来说，需要配置一下单独的解析，支持A记录和cname记录解析。

A记录地址：76.223.126.88 或 76.76.21.98 等
CNAME 记录地址：cname-china.vercel-dns.com『推荐使用』

ChatGPT托管解析

完成效果

Vercel完成效果

ChatGPT进阶篇

新用户注册ChatGPT回默认送$5优惠券（三个月有效期），如果API使用费用超过$5，此时访问上述搭建的网址就会报如下错误杀，此时如果继续使用或者升级ChatGPT4，只能进行充值。

{
  "error": {
    "message": "You exceeded your current quota, please check your plan and billing details. For more information on this error, read the docs: https://platform.openai.com/docs/guides/error-codes/api-errors.",
    "type": "insufficient_quota",
    "param": null,
    "code": "insufficient_quota"
  }
}

由于博主之前一直使用的是公司的ChatGPT，没有开通虚拟信用卡，此时很多卡商都关闭了对大陆用户的申请，完美错过了onekey card、dupay card等，经过一系列群佬的指引，目前24年还能使用的还有wild card，使用起来也相当简单。
官方地址：https://bewildcard.com/

新用户使用国内手机可以自助注册登陆，完成之后直接申请一张新的虚拟信用卡，开卡费用是$10，支持支付宝付款和云闪付，可以说是相当有好了。
WildCard
开卡完成后，会给你一个虚拟信用卡的信息用来绑定openai的账单地址。
WildCard虚拟卡地址

OpenAI API 如何绑卡

根据箭头所连接的对应项目，将信息依次复制到对应输入框内，点击订阅即可完成 OpenAI API 的绑卡
OpenAI API 绑卡
绑定成功后，可以给OpenAI账户充值，建议给WildCard默认充值$20，通过WildCard给OpenAI账户充值$10，并设置付款策略，当OpenAI账户金额低于$5时，默认从WildCard扣费即可，此时会从虚拟信用卡自动划转，那就完全不用担心了。
ChatGPT充值规则
博主个人主要使用ChatGPT 3.5，不过NextChat也支持使用ChatGPT 4（费用翻倍，这是我一个月的使用账单详细截图）。
ChatGPT账单

ChatGPT Plus 如何绑卡

登录官网，注意用美国的环境（好像目前只有美国和欧洲可以升级Plus，如果不对请纠正），点击升级到Plus版本(升级的时候需要国际IP，升级完毕后不要求)
根据箭头所连接的对应项目，将信息依次复制到对应输入框内，点击订阅即可完成ChatGPT Plus的绑卡
ChatGPT Plus绑卡
点击订阅，开始转圈圈……，稍等片刻，提示订阅成功，满屏撒花！

当前ChatGPT Plus是默认自动订阅的，不过我们的WildCard信用卡其实没有透支功能，只是相当于借记卡，理论上说只要你不往卡里充钱，其实不必担心下个月被扣款。当然，保险起见，你还是可以取消自动订阅，方法是：
打开ChatGPT首页并登录——左下角——My Account——Manage My Subscription——取消方案。
ChatGPT Plus取消订阅