搭建 ChatGPT Web 版详细教程

Mr. t • 2023-03-29 • 代码碎片 • 1066 阅读

教程

API Keys

获取 OpenAI 的 API Keys，首先我们需要科学上网的环境注册一个 OpenAI: https://beta.openai.com/signup 账号。

注册的过程中会让你输入手机号接收验证码，注意不能使用国内的手机号，因为 OpenAI 限制了国内无法使用，我们可以通过 SMS-Activate: https://sms-activate.org 注册一个国外的虚拟电话号码进行短信接收。

 

SMS-Activate 是收费的需要先充值，可以使用支付宝，最低充值金额 2 美元。充值后在左侧 OpenAI 菜单中选择一个国家，我选择的是比较便宜的巴西，花费 30 卢布，收到验证码务必在 20 分钟内使用，否则会失效。

由于只使用了一次，还剩 120 多卢布，还可以使用 4 次虚拟号码接收验证码，有需要的小伙伴可以找我要哈～

注册成功后登录，访问 https://platform.openai.com/overview，在个人 View API keys 中创建一个 SECRET KEY，也就是我们最终想要得到的 API Keys。

搭建项目

安装 Node

SSH 连接服务器后，通过命令安装 Node v16 版本：

cd /usr/local
wget https://npmmirror.com/mirrors/node/v16.18.1/node-v16.18.1-linux-x64.tar.xz

解压重命名到 nodejs：

tar -xvf node-v16.18.1-linux-x64.tar.xz
mv node-v16.18.1-linux-x64 nodejs
rm -rf node-v16.18.1-linux-x64.tar.xz

创建软连接：

ln -s /usr/local/nodejs/bin/node /usr/bin
ln -s /usr/local/nodejs/bin/npm /usr/bin
ln -s /usr/local/nodejs/bin/npx /usr/bin

查看版本：

node -v  //v16.18.1

如果能正常打印版本号，说明 Node 安装成功。

安装 PNPM

安装 PNPM 并创建软连接：

npm install -g pnpm
ln -s /usr/local/nodejs/bin/pnpm /usr/bin
ln -s /usr/local/nodejs/bin/pnpx /usr/bin

查看版本：

pnpm -v  //v7.29.3

如果能正常打印版本号，说明 PNPM 安装成功。

安装 Docker

安装 yum-utils 包：

yum install -y yum-utils

设置镜像仓库（阿里镜像）：

yum-config-manager \
    --add-repo \
    http://mirrors.aliyun.com/docker-ce/linux/centos/docker-ce.repo

更新 yum 软件包索引：

yum makecache fast

安装 docker-ce（社区版）：

yum install docker-ce docker-ce-cli containerd.io

查看版本：

docker version

如果可以查看具体的版本信息，说明 Docker 安装成功。

最后将 Docker 启动：

systemctl start docker

下载项目

我找了一个比较火的 ChatGPT Web 开源项目（star 8k），链接：https://github.com/Chanzhaoyu/chatgpt-web。

首先安装 git：

yum install git

下载项目（默认安装在 /root/ 目录下）：

git clone https://github.com/Chanzhaoyu/chatgpt-web.git

填写秘钥

将 chatgpt-web/service/ 目录下文件.env.example 改名为.env，并修改文件中的 OPENAI_API_KEY 值，改为上文中获取的 API Keys，注意不需要加引号。

# OpenAI API Key - https://platform.openai.com/overview
OPENAI_API_KEY=your_api_key

安装依赖

在 chatgpt-web/service/ 目录下安装后端依赖：

pnpm install

在 chatgpt-web/ 目录下安装前端依赖：

pnpm bootstrap

打包运行

在 chatgpt-web/ 目录下执行 build 操作：

docker build -t chatgpt-web .

build 时间会比较长而且会占用比较大的内存

build 成功后就可以运行项目啦，记得将 your_api_key 替换成你的 key：

docker run --name chatgpt-web -d -p 3002:3002 --env OPENAI_API_KEY=your_api_key chatgpt-web

运行成功后访问 https://ip:3002 就可以访问 ChatGPT Web 页面啦，Nice~

信息定制

如果你想修改页面左下角的个人信息，你可以修改 chatgpt-web/src/store/modules/user/helper.ts 文件中的 defaultSetting() 内容，比如我修改的：

export function defaultSetting(): UserState {
  return {
    userInfo: {
      avatar: 'https://echeverra.cn/favicon.jpg',
      name: 'echeverra',
      description: 'echeverra',
    },
  }
}

修改完后记得重新进入 chatgpt-web/ 目录执行 build 操作才会生效：

docker build -t chatgpt-web .

 

THE END
分享
二维码