新~GhatGPT-web项目部署

type

status

date

slug

summary

📝 ChatGPT-Web项目部署流程

Step 1– 【注册ChatGPT账号】

openAI官网：https://chat.openai.com

或者以其他渠道获取GPT账号

Step 2– 【获取Api Key】

获取chatgpt的Api Key：https://platform.openai.com/api-keys

ps：比较懒的可跳过下面几步直接到Step6,使用别人做好的docker镜像

Step 3– 【克隆/下载项目】

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

Step 4– 【修改项目内容（可省略）】

这里演示对用户名和访问链接的修改

原项目部署后的默认用户名显示：

修改后显示效果：

这里用vscode打开项目：

打开项目的src\store\modules\user\ 目录下的helper.ts文件

修改框起来的部分内容

avatar：显示的头像，用url

name：你显示的用户名

description：描述，可挂上github项目、个人博客地址之类的

修改完记得保存

Step 5– 【项目部署前置】

准备一台海外的vps，最好用美国节点的

这里以ubuntu系统进行演示

先将修改好的项目压缩成tar文件，上传到服务器

我命名为chatgpt-web-main.tar,上传到/root目录下

一些部署前置，安装好docker的可略过

Step 6– 【docker项目部署】

懒得构建镜像的可直接用别人做好的镜像,如:

构建镜像,用了上面两行命令的这一步可以省略,直接部署项目

镜像构建成功后查看镜像显示：

部署项目:

将上面的sk-xxxx替换为你的api key

将上面的your_password替换为你想设置的访问密码，不想设置的可省略这一行

Step 7- 【访问网站】

打开浏览器，输入你的vps的ip:3002即可进入！

如前面设置了密码,输入密码即可完成验证

更多详细配置请参考官方github项目

📎 官方项目地址

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