部署私人 ChatGPT 网页应用

252 阅读2分钟

之前有说过部署网页版的chatGTP,今天我们来部署一套新的开源网页版,这一套比之前的功能更加多。界面更加好看。废话少说,下面直接开始。

1. 下载开源代码,地址是github.com/Yidadaa/Cha…

image.png

2. 登录到宝塔面板,打开网站的PHP项目,新建一个站点。填写自己的域名,PHP版本选择纯静态。

image.png

3. (1)上传代码到我们刚才新建站点下的根目录

image.png   (2)解压代码

image.png

(3)将解压后的文件里的代码复制到根目录下。

image.png

image.png 4. (1)在终端上登录服务器

image.png

(2)切换到项目的根目录下。

image.png

(3)查看下node 的版本,很遗憾,我的版本是V16.14.0的,该项目的node版本要求是18以上。没办法,只能升级下版本。

image.png

5. (1)打开宝塔面板。

image.png

(2)切切到网站中的Node项目

image.png

  (3)在Node版本管理器,安装V18.12.0

image.png

(4)命令行版本设置为v18.12.0

image.png

(5) 在终端上查看版本,已经更改为v18.12.0了

image.png   6. (1)在终端切换到项目的根目录。

image.png   (2)输入安装命令。yarn install

image.png

(3)如果出现以报错。输入git init 命令。

image.png

image.png   (4)重新安装

image.png

(5)调试项目。输入命令yarn dev

image.png (6)运行项目,命令为yarn build && yarn start,打包成功后,直接访问还是不行的。还要添加下反向代理。打开我们之前新建的站点,点击设置

image.png  

(7)找到反向代理

image.png  

(8)添加反向代理,目标URL 指向http://127.0.0.1:3000

image.png

 

(9)通过域名访问,可以看到聊天界面了

image.png

(10)发送文字时,却返回了这个,那是因为没有填写openai的key

image.png

7. (1)配置openai 的key,复制.env.template文件,并且命名为.env

image.png

   image.png

(2)打开.env文件,填写openai 的key

image.png   (3) 重新运行命令 yarn start

image.png

(4)再次访问域名,OK,已经可以正常聊天。

image.png

好了,到此就结束了。可能写的过程中还有很多不好的地方,希望大家能指出来,在此,谢谢大家