搭建属于自己的ChatGPT Web页面（ChatGPT Next Web使用详解）

火山飘雪
16,534 阅读2分钟

搭建属于自己的ChatGPT Web

01. 开源项目网站

  1. github.com/Yidadaa/Cha…
  2. github.com
  3. platform.openai.com/account/api…

02. 部署过程

Step1: 获取 open-ai-key

访问网址：platform.openai.com/account/api…

注意：该 api key 只在创建时，显示一次，所以要保存好。

在这里插入图片描述

Step2: 开始构建

  1. 将 github.com/Yidadaa/Cha…该项目 fork​ 到自己 GitHub 的 repo 中

    在这里插入图片描述

    ​在这里插入图片描述

  2. 访问 Deploy，并使用 GitHub 登录

    在这里插入图片描述

  3. 登录成功后，访问 vercel.com/dashboard，并新建一个项目

    在这里插入图片描述

  4. 导入 上述步骤 1 中 fork​ 过来的项目

    在这里插入图片描述

  5. 配置项目并进行 Deploy​

    填加的两个环境变量：

    • OPENAI_API_KEY：上述 Step1 中生成 API_KEY​
    • CODE：访问密码，可选，可以使用逗号隔开多个密码。

    在这里插入图片描述

    点击 Deploy​ 之后，开始进行部署

    在这里插入图片描述

  6. 部署成功，查看访问地址

    ​在这里插入图片描述

    在这里插入图片描述

Step3: 开始使用

  1. 进入页面，打开设置，设置 API_KEY​ 与 CODE​（API_KEY​ 与 CODE​为上面步骤中，设置的环境变量的值）

    在这里插入图片描述 ​​

  2. 测试

    在这里插入图片描述

03. 配置自己的域名

Step1: 注册域名

可以在阿里云上购买一个域名，访问地址：注册域名，比如：vs-chat.top

Step2: DNS域名解析

域名注册成功后，需要进行解析才能够进行访问使用。域名解析

域名注册成功之后，可以在下面看到一条数据，如果没有的话，填加即可

​​在这里插入图片描述

Step3: 配置

  1. 域名填加成功后，对域名进行解析设置，在上图中的那条数据中，点击 解析设置

    进入后，选择 添加记录，只需要修改两项：

    • 主机记录：一般是 www
    • 记录值：在下一步骤中获取

    在这里插入图片描述

  2. 回到我们项目的dashboard面板，进入项目，进行设置

    ​在这里插入图片描述

    在这里插入图片描述

    ​

    在这里插入图片描述

    在这里插入图片描述

    在这里插入图片描述

    填加记录值后，刷新我们的域名解析页面。可以看到域名的DNS信息配置正确，状态显示正常

    在这里插入图片描述

    再回到我们项目的域名配置页面，查看 www.vs-chat.top的域名已成效

    在这里插入图片描述

  3. 访问自己的域名 www.vs-chat.top，访问成功

    在这里插入图片描述

至此，属于自己ChatGPT Web 界面成功访问，并成功设置了属于自己的域名，以后访问ChatGPT不再需要魔法上网。

‍如果对您有帮助，记得点赞、收藏与关注哟！

avatar
文章
阅读
粉丝