ChatGPT Web 版详细搭建教程

资源教程2年前 (2023)更新 admin

29,397 0 0

前言

ChatGPT 是一款由 OpenAI 开发的语言模型，为了大家更好的体验ChatGPT，今天给大家分享一篇ChatGPT Web 版的详细搭建教程。

教程

一、获取API Keys

获取 OpenAI 的 API Keys，首先我们需要使用科学上网注册一个 OpenAI的账号。

OpenAI注册地址：https://beta.openai.com/signup

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

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

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

二、准备一台国外服务器

如果你的服务器是国内的，那么需要一个反代，比较麻烦，所以最好选择直接使用国外服务器。

服务器的最低配置推荐为1核2G，2M带宽，（切记不要使用1核1G，1M带宽的配置，实测无法 build 和运行项目）

服务器使用的 CentOs 7.9 的系统，需要配置下防火墙，放开所有端口，否则最终网页无法访问。

（此处图片所示内容，只是为演示，因为不同的服务器供应商后台界面有所不同，大家要根据自己的服务器管理界面进行设置）

三、搭建项目

1、安装 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 安装成功。

2、安装 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 安装成功。

3、安装 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

4、下载项目

我们选用一个目前比较火的 ChatGPT Web 开源项目（star 8k）

项目链接：https://github.com/Chanzhaoyu/chatgpt-web。

首先安装 git：

yum intall git

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

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

5、填写秘钥

将 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

6、安装依赖

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

pnpm install

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

pnpm bootstrap

7、打包运行

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

docker build -t chatgpt-web .

这里build 时间会比较长，而且会占用比较大的内存，所以前面我们说1G内存的服务器无法 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 页面啦

三、后续

1、信息定制

如果你想修改页面左下角的个人信息，你可以修改 chatgpt-web/src/store/modules/user/helper.ts 文件中的 defaultSetting() 内容，可以我修改的内容（具体对应位置看上图给大家标注的）：

export function defaultSetting(): UserState {
  return {
    userInfo: {
      avatar: 'https://www.xbfxb.com/favicon.jpg',
      name: '分享吧',
      description: '关注我们 <a href="https://echeverra.cn/code.jpg" class="text-blue-500" target="_blank" >xbfxb.com</a>',
    },
  }
}

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