内容简介

本文介绍如何通过 Vercel + ChatGPT-Next-Web + OpenAI API Key 部署 ChatGPT 网页。

准备工作

  1. 准备好你的 OpenAI API Key；
  2. GitHub 账号
  3. 域名（可申请免费的域名，文章后面会介绍）
  4. 自备科学上网工具

教程

1. fork项目仓库

为什么需要fork这个仓库？

在 GitHub 中将 ChatGPT-Next-Web 仓库 fork 到自己账号

image-20230524203522061

2. 开启Action权限

开启 Action 后可以保持你 fork 的仓库一直和上游保持同步，是最新的。

切换到 Actions，点击 I understand my workflows, go ahead and enable them按钮：

image-20230524204300979

切换到 Upstream Sync，点击 Enable workflow：

image-20230524204403376

会看到工作流成功启用的提醒语句：

image-20230524204550862

3. 在Vercel部署网站

先注册Vercel（注意：最好使用 gmail 邮箱进行注册。Vercel 屏蔽了国内邮箱和 Outlook 邮箱）。

image-20230524210900196

注册成功后登录账号，进入 Vercel控制台，创建一个新项目：

image-20230524211806203

选择从 GitHub 导入仓库：

image-20230524211835043

关联 GitHub 账号后选择刚刚 fork 的仓库（ChatGPT-Next-Web）：

image-20230524212131392

添加 Environment Variables（环境变量）：

  1. 变量1（OPENAI_API_KEY），必填。这个 Value 是你的 OpenAI API Key。没有就需要通过一些手段去创建；每个账号有5刀的免费试用额度，

    • Name：OPENAI_API_KEY
    • Value：sk-ohtbdhgw……

    image-20230524212737773

  2. 变量2（CODE），选填。这个是设置用户访问码，不设置这任何人通过你的网站不用密码就能调用 OpenAI。值为用英文逗号分隔的自定义密码 code1,code2,code3

    • Name：CODE
    • Value：code1,code2,code3

    image-20230524213200622

添加完变量后点击 Deploy 进行部署：

image-20230524213803201

部署成功：

image-20230524214051781

点击 Continue to Dashboard 跳转到仪表盘后点击 Visit 可以跳转至访问页面：

image-20230524214447695

在左下角进入设置选项，输入刚刚在 Vercel 设置的访问密码：

image-20230524214813338

访问成功：

image-20230524225517595

4. 自定义域名

由于 Vercel 在墙外，需要通过科学上网才能访问 Vercel 部署的应用。我们可以通过绑定域名，就能在大陆无需出海就能访问 ChatGPT 了。

在 Vercel 的 Project Settings 中配置自定义域名：

image-20230524220928857

image-20230524220942071

image-20230524221109398

image-20230524225058258

申请免费域名

接下来介绍如何申请免费的 eu.org 域名

TODO

image-20230524225127486

image-20230524225114067

赏

YOLO