一键搭建chatgpt网页版教程

这期带来的是搭建chatgpt网页版教程，一键部署非常方便。上次有人说没字幕，所以加上了字幕。

感谢Yidadaa大佬开源项目：https://github.com/Yidadaa/ChatGPT-Next-Web

Vercel 的前端云为开发人员提供了构建更快、更个性化 Web 的框架、工作流和基础设施。目前支持作为个人部署项目免费使用，速度很快，支持绑定自己的域名。

作者在github上有着非常详细的教程和说明，这里列出一些关键点

1.域名打不开？

Vercel 分配的域名 DNS 在某些区域被污染了，所以可能会导致出现你访问不了的情况，绑定自定义域名即可。

在项目的设置里，选择 Domains（域名），然后输入你想要解析过来的域名，点添加

这个时候，在域名解析处添加一个 CNAME 解析，然后点击右上角的刷新，这样就实现了自定义域名。

2.代码更新

同步更新，如果发现代码有更新，你可以在你部署所使用的库里，点击同步即可。

3.配置页面访问密码

配置密码后，用户需要在设置页手动填写访问码才可以正常聊天，否则会通过消息提示未授权状态。

警告：请务必将密码的位数设置得足够长，最好 7 位以上，否则会被爆破。

本项目提供有限的权限控制功能，请在 Vercel 项目控制面板的环境变量页增加名为 CODE 的环境变量，值为用英文逗号分隔的自定义密码：

code1,code2,code3

增加或修改该环境变量后，请重新部署项目使改动生效。

4.环境变量

本项目大多数配置项都通过环境变量来设置，教程：如何修改 Vercel 环境变量。

OPENAI_API_KEY （必填项）

OpanAI 密钥，你在 openai 账户页面申请的 api key。

CODE （可选）

访问密码，可选，可以使用逗号隔开多个密码。

警告：如果不填写此项，则任何人都可以直接使用你部署后的网站，可能会导致你的 token 被急速消耗完毕，建议填写此选项。

BASE_URL （可选）

Default: https://api.openai.com

Examples: http://your-openai-proxy.com

OpenAI 接口代理 URL，如果你手动配置了 openai 接口代理，请填写此选项。

如果遇到 ssl 证书问题，请将 BASE_URL 的协议设置为 http。

OPENAI_ORG_ID （可选）

指定 OpenAI 中的组织 ID。

HIDE_USER_API_KEY （可选）

如果你不想让用户自行填入 API Key，将此环境变量设置为 1 即可。

DISABLE_GPT4 （可选）

如果你不想让用户使用 GPT-4，将此环境变量设置为 1 即可。

如果有其他问题可以在评论区留言