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

相关文章
|
3天前
|
前端开发 JavaScript 安全
前端性能调优:HTTP/2与HTTPS在Web加速中的应用
【10月更文挑战第27天】本文介绍了HTTP/2和HTTPS在前端性能调优中的应用。通过多路复用、服务器推送和头部压缩等特性,HTTP/2显著提升了Web性能。同时,HTTPS确保了数据传输的安全性。文章提供了示例代码,展示了如何使用Node.js创建一个HTTP/2服务器。
10 2
|
25天前
|
前端开发 JavaScript 测试技术
前端工程化:构建高效、可维护的现代Web应用
【10月更文挑战第5天】前端工程化:构建高效、可维护的现代Web应用
|
25天前
|
前端开发 测试技术 持续交付
前端工程化:构建高效、可维护的现代Web应用
【10月更文挑战第5天】前端工程化:构建高效、可维护的现代Web应用
|
4天前
|
前端开发 JavaScript
Bootstrap Web 前端 UI 框架
Bootstrap 是快速开发 Web 应用程序的前端工具包。
15 3
|
4天前
|
前端开发 安全 应用服务中间件
前端性能调优:HTTP/2与HTTPS在Web加速中的应用
【10月更文挑战第26天】随着互联网的快速发展,前端性能调优成为开发者的重要任务。本文探讨了HTTP/2与HTTPS在前端性能优化中的应用,介绍了二进制分帧、多路复用和服务器推送等特性,并通过Nginx配置示例展示了如何启用HTTP/2和HTTPS,以提升Web应用的性能和安全性。
13 3
|
4天前
|
前端开发 JavaScript API
前端框架新探索:Svelte在构建高性能Web应用中的优势
【10月更文挑战第26天】近年来,前端技术飞速发展,Svelte凭借独特的编译时优化和简洁的API设计,成为构建高性能Web应用的优选。本文介绍Svelte的特点和优势,包括编译而非虚拟DOM、组件化开发、状态管理及响应式更新机制,并通过示例代码展示其使用方法。
14 2
|
5天前
|
开发框架 前端开发 JavaScript
Web前端框架
Web前端框架等名词
13 2
|
27天前
|
存储 前端开发 JavaScript
WEB前端开发中如何实现大文件上传?
WEB前端开发中如何实现大文件上传?
127 3
WEB前端开发中如何实现大文件上传?
|
15天前
|
人工智能 前端开发
2024 川渝 Web 前端开发技术交流会「互联」:等你来报名!
2024 川渝 Web 前端开发技术交流会「互联」:等你来报名!
2024 川渝 Web 前端开发技术交流会「互联」:等你来报名!
|
17天前
|
存储 前端开发 JavaScript
从 Web 2.0 到 Web 3.0:前端开发的历史与未来
【10月更文挑战第4天】本文探讨了从 Web 2.0 到 Web 3.0 的前端开发演变过程。Web 2.0 时代,前端开发者从静态网页设计走向复杂交互,技术框架如 jQuery、React 和 Vue 带来了巨大的变革。而 Web 3.0 以区块链技术为核心,带来了去中心化的互联网体验,前端开发者面临与区块链交互、去中心化身份验证、分布式存储等新挑战。文章总结了 Web 2.0 和 Web 3.0 的核心区别,并为开发者提供了如何应对新技术的建议,帮助他们在新时代中掌握技能、设计更安全的用户体验。
47 0
从 Web 2.0 到 Web 3.0:前端开发的历史与未来