借助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
使用Web前端性能优化提高网站加载效率
前端性能优化关键在于提高用户体验和降低资源消耗,Webpack是重要工具。基础优化策略包括减少HTTP请求、资源压缩与缓存、异步加载。Webpack优化配置涉及Tree Shaking、代码分割。高级策略涵盖Long-term Caching、缓存提升和插件优化。打包部署时,自动化流程和环境管理也至关重要。通过这些方法,可提升Web应用速度和体验。
73 0
|
5天前
|
前端开发 JavaScript Java
web 技术中前端和后端交互过程
客户端:上网过程中,负责浏览资源的电脑,叫客户端
15 0
|
6天前
|
前端开发
web前端作业3
web前端作业3
10 1
|
6天前
|
前端开发 安全 数据安全/隐私保护
web前端第二天
web前端第二天
8 1
|
6天前
|
前端开发
web前端的作业1
web前端的作业1
7 1
|
6天前
|
前端开发 JavaScript 搜索推荐
WEB前端第一天
WEB前端第一天
10 1
|
7天前
|
存储 人工智能 前端开发
从前端到后端,探索Web开发的奥秘
Web开发是当今最热门的技术领域之一,涉及前端、后端、数据库等多个方面。本文将介绍Web开发的基本架构和技术要点,并深入探讨前后端交互、安全性等问题,帮助读者更好地理解Web开发的奥秘。
|
7天前
|
前端开发 Java Go
从前端到后端:构建现代化Web应用的技术演进
本文探讨了从前端到后端的技术演进,介绍了前端、后端以及多种编程语言,如Java、Python、C、PHP和Go,以及数据库在构建现代化Web应用中的应用。通过深入剖析各个技术领域的发展和应用,读者将对构建高效、可扩展、安全的Web应用有更深入的理解。
|
8天前
|
编解码 前端开发 UED
探索Web前端开发中的响应式设计原则
本文将介绍Web前端开发中的响应式设计原则,探讨如何通过优化网页布局、使用媒体查询和灵活的CSS技术,实现在不同设备上的良好用户体验。我们将讨论适应性布局、流式布局和弹性布局等关键概念,并提供实际示例帮助读者更好地理解和应用这些原则。
|
9天前
|
存储 缓存 前端开发
100道 IT名企前端面试真题,Web前端阿里等大厂面试题汇总
100道 IT名企前端面试真题,Web前端阿里等大厂面试题汇总