使用chatgpt接入网站,打造个人chatgpt网站


所需东西

一台vps,是个服务器都行,500、700M内存足够了,占用内存挺少的

有chatgpt的api

最后运行占用的情况如下,我还开了xray面板什么的,占用很少:

image-20230324225256337

获取自己的api,链接Account API Keys - OpenAI API,点击创建新的key:

image-20230324225533544

通过点击usage,可以查看自己免费额度的截止日期,没用的早点用吧,反正不用也浪费了。

image-20230324225843637

代码地址

克隆代码地址

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

然后进入该文件夹,cd chatgpt-web

配置环境:安装nodejs,npm,pnpm

安装notejs

apt install nodejs

如果安装nodejs出现问题,你需要先修复依赖关系

image-20230324100534303

你需要运行 sudo apt --fix-broken install,修复成功即可再次安装nodejs,apt install nodejs

image-20230324100748241

image-20230324101018811

安装包管理工具,apt install npm

image-20230324101323134

升级包管理工具,npm install -g n

image-20230324101535822

安装nodejs最新稳定版 n stable # latest

image-20230324101618139

还需安装pnpm,npm install pnpm -g

image-20230324101652655

至此,安装配置的环境都好了,现在需要去配置api。

配置chatgpt api

进入刚才克隆的文件夹,cd chatgpt-web进入文件夹,再进入service文件夹,拷贝文件,cp .env.example .env,代表把.env.example文件拷贝一份到当前目录,以.env命名。你用ls是没法查看以点(如.env)开头的文件的,需要ll命令查看。然后编辑.env,命令vim .env打开如下,把你的openai api key粘贴进去。

image-20230324102012176

安装服务器、客户端等

在service目录下,安装服务器和客户端,pnpm install

image-20230324103017344

回到上级目录,cd ..,安装前端,pnpm bootstrap

image-20230324113638646

启动后端需要在service目录下,首先创建一个日志,touch nohup.out,再运行命令 nohup pnpm start & tail -f nohup.out。这是后台执行,并输出到日志文件nohup.out,现在可以先退出刚才的界面,ctrl+z或者ctrl+c退出后端

image-20230324103706718

返回主目录,执行前端命令,也新建一个日志 touch nohup.out,然后运行命令 nohup pnpm dev & tail -f nohup.out

image-20230324221405717

通过ip+端口访问网站

此时访问服务器ip+端口号就能进入chatgpt了,例如在网页输入 1.1.1.1:1002 即可访问。界面如下所示,并且也是有记录存在的这么好吗?后来我又重新查看了下,不是记录,那是浏览器的缓存,我换个浏览器,就没有这个记录了,可惜了。我试了下自己建立的chatgpt网站,速度有点慢,可能与vps有很大的关系,访问很慢。

image-20230324220927010

修改端口号,域名关联ip,使用域名访问网站

还可以用域名绑定到该网站,使用域名直接访问新建的chatgpt网站。可用cloudflare添加记录,免费的,挺好用。

2

关联域名,需要修改端口号,应为http默认是80端口,先修改端口号,端口配置文件在vite.config.ts里面,找到prot,将1002修改为80

image-20230324112737768

1

此时端口已修改完成,直接输入域名如 chat.xxx.eu.org即可访问自己建立的网站,如下:

image-20230324223032769

关掉服务

使用命令 ps -ef | grep -v grep | grep -E 'pnpm|node'查看所有的进程端口,使用kill 命令可以关关掉进程。



评论

此博客中的热门博文

使用自己的github加速源

量化指标计算

申请证书

搭建属于自己的vpn节点—科学上网

wsl安装cuda

解决v2rayN的延迟是-1的问题

wsl虚拟机释放文件

wsl安装cuda10.2

WSL怎么使用本机进行快速克隆github代码