借助chat-web前端开源项目搭建属于自己的ChatGPT镜像站

简介: 借助chat-web前端开源项目搭建属于自己的ChatGPT镜像站

随着OpenAI ChatGPT的大火🔥,再加之互联网的推动,在这个AI浪潮下,涌现出了一大批ChatGPT产品,观察体验了很多国内ChatGPT镜像站,有免费有付费。大多数镜像站的UI界面、网页布局及相关功能都是大同小异的。这些镜像站开发人员其实他们只需要准备好OpenAI账号及API Key即可,网站直接使用开源的前端Chat-Web项目即可搭建起来,可以说哪怕是技术小白或者非技术人员,只需要一台服务器、一个OpenAi账号、Chat-Web开源项目即可完成GPT镜像站的搭建。

image.png

chat-web


那么我们如何搭建属于自己的ChatGPT镜像站呢?服务器和OpenAI账号可以自行准备解决,本篇文章小编就不展开了。本文主要介绍下Chat-Web开源前端项目。


ChatGPT-Web 项目介绍


ChatGPT-Web 项目是用 Express 和 Vue3 搭建的 ChatGPT 演示网页。模仿 OpenAI Chat 官方样式而开发并开源的。目前项目在 Github 已达 22.4k star量,在 Gitcode上也已达 22.3k star量,可见使用人数何其之多,借助该项目搭建 ChatGPT 镜像站的也数不胜数。(可借助镜像站进行引流)


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

Gitcode:https://gitcode.net/mirrors/Chanzhaoyu/chatgpt-web

image.png

支持双模型,提供了两种非官方 ChatGPT API 方法


方式 免费? 可靠性 质量
ChatGPTAPI(gpt-3.5-turbo-0301) 可靠 相对较笨
ChatGPTUnofficialProxyAPI(网页 accessToken) 相对不可靠 聪明


对比:

  1. ChatGPTAPI 使用 gpt-3.5-turbo 通过 OpenAI 官方 API 调用 ChatGPT
  2. ChatGPTUnofficialProxyAPI 使用非官方代理服务器访问 ChatGPT 的后端API,绕过Cloudflare(依赖于第三方服务器,并且有速率限制)


项目搭建


前置要求


安装 Node


1、SSH 连接服务器后,通过 wget 命令下载 Node 安装包(尽量高点的版本)

cd /usr/local
wget https://npmmirror.com/mirrors/node/v16.18.1/node-v16.18.1-linux-x64.tar.xz

2、解压重命名为 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

3、创建软连接

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

4、最后终端执行命令 node -v ,查看版本(如果能够正常打印版本号,说明 Node 已安装成功

node -v  //v16.18.1

安装 PNPM


1、安装 PNPM 并创建软连接

npm install -g pnpm
ln -s /usr/local/nodejs/bin/pnpm /usr/bin
ln -s /usr/local/nodejs/bin/pnpx /usr/bin

2、查看 PNPM 版本(如果能够正常打印版本,说明 PNPM 已安装成功

pnpm -v  //v7.29.3

安装 Docker


1、安装 yum-utils

yum install -y yum-utils

2、设置镜像仓库(这里选择阿里镜像)

yum-config-manager --add-repo http://mirrors.aliyun.com/docker-ce/linux/centos/docker-ce.repo

3、更新 yum 软件包索引

yum makecache fast

4、安装 docker-ce(社区版)

yum install docker-ce docker-ce-cli containerd.io

5、查看 docker 版本(如果能够正常打印版本,说明 Docker 已安装成功

docker version

6、最后启动 Docker

systemctl start docker

部署 ChatGPT-Web 到服务器


1、克隆 chatgpt-web 项目(确保服务器已安装 git )

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

2、配置密钥

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

3、安装依赖


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

pnpm install

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

pnpm bootstrap

打包运行服务


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

docker build -t chatgpt-web .

build 成功后就可以运行项目

docker run --name chatgpt-web -d -p 3002:3002 --env OPENAI_API_KEY=your_api_key chatgpt-web

运行成功后访问 https://ip:3002 就可以访问 ChatGPT Web 页面啦,是不是特别简单,只需要按照命令一步步来,就可以搭建属于自己的ChatGPT镜像站了


注意:个人搭建的镜像站,随着访问量加大,账号被封的可能性也会大

搭建属于自己的GPT镜像站教程就是这么简单,当然真正搭建过程中,可能会由于服务器本身原因或网络、账号等因素,影响最终的正常使用,这个就需要自己去摸索、查验、解决。

相关文章
|
5月前
|
前端开发 JavaScript CDN
推荐一款稳定快速免费的前端开源项目 CDN 加速服务
推荐一款稳定快速免费的前端开源项目 CDN 加速服务
226 0
|
5月前
|
前端开发 JavaScript Java
Docker打包前端vue代码推送镜像到远程仓库
Docker打包前端vue代码推送镜像到远程仓库 Docker打包前端vue代码推送镜像到远程仓库 业务场景:📝1.将前端代码www包解压后放在本地临时目录,然后创建一个dockerfile📜 2.登陆自己远程仓库📒3.构建镜像🔖4.给镜像打tag📖5.推送镜像到远程仓库🖊️最后总结 业务场景: 需要将本地前端代码推送到远程镜像仓库 📝1.将前端代码www包解压后放在本地临时目录,然后创建一个dockerfile
106 1
|
前端开发
前端安装淘宝镜像cnpm
前端安装淘宝镜像cnpm
515 0
|
9月前
|
缓存 前端开发 JavaScript
浅析对开源项目的前端部分进行静态代码分析
浅析对开源项目的前端部分进行静态代码分析
125 0
浅析对开源项目的前端部分进行静态代码分析
|
前端开发 JavaScript IDE
推荐10个有趣的前端开源项目
开源的世界每天都丰富多彩,2022年前端领域会有什么新的挑战?下面是我们整理的10个有趣的开源项目,希望当中有您想要收藏的那一个。
1466 21
推荐10个有趣的前端开源项目
|
前端开发 JavaScript 算法
优秀前端GitHub开源项目推荐!
前言 自己也在前端这一行业有些年头了,从最初的啥也不懂,到现在的啥也不会。这期间收藏了无数的学习网站、开源项目等等,其实现在回过头来看,学习前端最重要的不是学的广泛,而是要学的精!今天就给大家推荐几个在GitHub上星星数都不低的开源项目。
421 0
优秀前端GitHub开源项目推荐!
|
前端开发 JavaScript 算法
重磅:硬核前端面试开源项目汇总(进大厂必备)
重磅:硬核前端面试开源项目汇总(进大厂必备)
779 0
|
数据采集 缓存 移动开发
前端进阶:细数2年内我做的15个开源项目
从19年到21年,笔者利用空余时间陆陆续续做了一些开源项目, 大部分开源项目都立足于企业实际业务需求, 所以笔者觉得有必要做一个总结和复盘,在复盘的过程中希望也能对大家有所帮助.今后笔者的开源项目都会放在这篇文章中,如果想学习的可以多交流.
327 0
|
前端开发 JavaScript Java
renrenfast开源项目打包过程,前端使用vue element-UI,前后端分离,打包为一个jar包运行
项目使用的是renrenfast2.0 框架,后台springboot,前端vue+element-ui。项目本身有shiro拦截机制,需要放开static路径下文件,才可以访问。
861 0
|
域名解析 前端开发 JavaScript
前端 Docker 镜像体积优化
如果 2019 年技术圈有十大流行词,**容器化**肯定占有一席之地,随着 Docker 的风靡,前端领域应用到 Docker 的场景也越来越多,本文主要来讲述下开源的分布式图数据库 Nebula Graph 是如何将 Docker 应用到可视化界面中。
484 0
前端 Docker 镜像体积优化