搭建属于自己的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不再需要魔法上网。

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