如何搭建自己的聊天界面的chatGPT (一)

816 阅读2分钟

之前我们注册了chatGPT,但是用起来还是不太方便,今天就说下如何在自己的服务器上搭建一套自己的UI界面的聊天,是通过API的方式接入chatGPT。我安装的服务器是香港的,其实最好的是用美国的服务器, 废话少说,下面直接开始。

1. 下载一套开源的chatgpt-web,简单说下这套源码,使用 Express 和 Vue3 搭建的 ChatGPT 演示网页,开源网址是

 github.com/Chanzhaoyu/…

image.png

2. 我服务器装了宝塔,因此,我直接在宝塔的环境下进行搭建。打开网站选项,切换到Node项目,安装Node版本管理器。

image.png

3.这只是安装Node的版本管理器,还不是Node的版本。

image.png

  4. 项目nodo 需要 ^16 || ^18 || ^19 版本(node >= 14 需要安装 fetch polyfill),我们就安装v16吧,打开Node版本管理器。

image.png

5.(1)安装V16.14.0

image.png

(2)设置该版本为命令行版本。

image.png

  6.(1)回到宝塔面板上。我们在/www/wwwroot目录下新建一个文件夹chatgpt,用来存放该项目。

image.png

(2)上传我们之前下载的开源源码。并且解压。

image.png

(3)解压后的目录状况如下。

image.png

7.(1)切换到网站选项下的Node项目,点击添加Node项目。

image.png

(2)项目目录选择我们之前创建的项目路径下的service。

image.png

(3)项目名称设置为chatgpt,当然也可以根据自己的喜好来填写。

image.png

(4)启动选项这个选择dev这个

image.png

(5)端口填写3002,当然你也可以更改,但代码处也要同步更改。Node版本选择我们之前安装的v16.14.0版本即可。开机启动,也可以根据自己的需求进行选择,这里默认开启。

image.png

(6)点击提交时,会自动安装一些模块。

image.png

(7)点击模块管理中的一键安装项目模块。

image.png

(8)安装完成后如下。

image.png

好了,到此,后端模块就搭建好了。今天就先说到这里,下次再说下前端界面的搭建,可能写的过程中还有很多不好的地方,希望大家能指出来,在此,谢谢大家