目标

利用ChatGPT,借助开源项目,搭建自己方便易用的AI聊天助手

搭建步骤

步骤一:获取自己的OpenAI API Key

打开网站:https://platform.openai.com/account/api-keys 生成自己的OpenAI API Key,这里注意copy一份保存起来

Image

步骤二:Fork项目到自己的GitHub

Fork项目https://github.com/Yidadaa/ChatGPT-Next-Web 到自己的GitHub仓库

Image

fork完成后效果如下:

Image

步骤三:打开vercel,并用GitHub账号授权登录

打开网站:https://vercel.com/

Image

步骤四:新建项目,填写自己的OpenAI API Key

登录之后会出现这个页面,这里选择「Add New」→「Project」

Image

之后会出现如下页面

Image

之后在环境变量这里添加第一步获取的OpenAI的API Key,点击Deploy,之后等待3min左右即可完成部署

Image

步骤五:获取vercel提供的域名

点击「Add Domain」,vercel会提供一个默认的访问域名

Image

Image

打开后,展示如下页面,说明搭建成功。

Image

步骤六:【非必须】关联自己的域名

建议使用自己的域名(如果有的话),并将其关联到网站,以方便直接访问。如果没有自己的域名,也可以使用 Vercel 提供的域名。不过,需要科学上网才能访问。

写在后面

  1. 以上网站需要具备科学上网;

  2. Vercel是什么 ?

    1. 答:Vercel是一个云端部署和托管应用程序的平台,支持多种编程语言和框架,例如React、Angular、Vue、Next.js等。它提供了快速的部署和自动化基础设施,同时具备高度可扩展性和弹性。Vercel还提供了与GitHub、GitLab、Bitbucket等版本控制系统的深度集成,使得开发和部署变得更加简单和高效。

  3. Next.js是什么?

    1. 答:Next.js是一个React框架,它提供了一种简单且可靠的方式来实现服务端渲染(SSR)和静态网站生成(SSG)。Next.js使得开发React应用变得更加简单,同时还提供了许多有用的特性,例如快速加载、自动代码分割、可预测的数据获取等。使用Next.js,您可以创建一个功能强大、高性能的React应用程序,它可以很容易地在任何地方部署,包括云端和本地环境。


    以上内容如有未说清楚的,可以评论或公众号留言。