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

目录
打赏
0
0
0
1
31
分享
相关文章
Omnitool:开发者桌面革命!开源神器一键整合ChatGPT+Stable Diffusion等主流AI平台,本地运行不联网
Omnitool 是一款开源的 AI 桌面环境,支持本地运行,提供统一交互界面,快速接入 OpenAI、Stable Diffusion、Hugging Face 等主流 AI 平台,具备高度扩展性。
292 94
Omnitool:开发者桌面革命!开源神器一键整合ChatGPT+Stable Diffusion等主流AI平台,本地运行不联网
HiveChat:告别模型选择困难!开源ChatGPT聚合神器上线:一键切换10+模型,权限管控全免费
HiveChat 是一款专为中小团队设计的开源 AI 聊天应用,支持多种主流 AI 模型,提供高效的团队沟通和智能辅助功能。
51 9
HiveChat:告别模型选择困难!开源ChatGPT聚合神器上线:一键切换10+模型,权限管控全免费
【01】鸿蒙实战应用开发-华为鸿蒙纯血操作系统Harmony OS NEXT-项目开发实战-优雅草卓伊凡拟开发一个一站式家政服务平台-前期筹备-暂定取名斑马家政软件系统-本项目前端开源-服务端采用优雅草蜻蜓Z系统-搭配ruoyi框架admin后台-全过程实战项目分享-从零开发到上线
【01】鸿蒙实战应用开发-华为鸿蒙纯血操作系统Harmony OS NEXT-项目开发实战-优雅草卓伊凡拟开发一个一站式家政服务平台-前期筹备-暂定取名斑马家政软件系统-本项目前端开源-服务端采用优雅草蜻蜓Z系统-搭配ruoyi框架admin后台-全过程实战项目分享-从零开发到上线
40 5
【01】鸿蒙实战应用开发-华为鸿蒙纯血操作系统Harmony OS NEXT-项目开发实战-优雅草卓伊凡拟开发一个一站式家政服务平台-前期筹备-暂定取名斑马家政软件系统-本项目前端开源-服务端采用优雅草蜻蜓Z系统-搭配ruoyi框架admin后台-全过程实战项目分享-从零开发到上线
|
17天前
|
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
37 1
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
Gemini Coder:基于 Google Gemini API 的开源 Web 应用生成工具,支持实时编辑和预览
Gemini Coder 是一款基于 Google Gemini API 的 AI 应用生成工具,支持通过文本描述快速生成代码,并提供实时代码编辑和预览功能,简化开发流程。
159 38
Gemini Coder:基于 Google Gemini API 的开源 Web 应用生成工具,支持实时编辑和预览
探索现代Web应用的微前端架构
【10月更文挑战第40天】在数字时代的浪潮中,Web应用的发展日益复杂多变。微前端架构作为一种新兴的设计理念,正逐步改变着传统的单一前端开发模式。本文将深入探讨微前端的核心概念、实现原理及其在实际项目中的应用,同时通过一个简单的代码示例,揭示如何将一个庞大的前端工程拆分成小而美的模块,进而提升项目的可维护性、可扩展性和开发效率。
ChatGPT-on-WeChat:Star32.4k, DeepSeek加持!这款开源神器秒变AI助手,聊天体验直接起飞!
嗨,大家好,我是小华同学。今天为大家介绍一款结合DeepSeek引擎的开源项目——ChatGPT-on-WeChat,由开发者zhayujie打造。它将微信变成智能AI助手,支持文本、图片、语音对话,具备定时提醒、天气查询等扩展功能,完全开源且易于定制。项目地址:https://github.com/zhayujie/chatgpt-on-wechat。关注我们,获取更多优质开源项目和高效学习方法。
173 11
2024年12月30日蜻蜓蜻蜓AI工具系统v1.0.0发布-优雅草科技本产品前端源代码已对外开源可免费商用-优雅草老八
2024年12月30日蜻蜓蜻蜓AI工具系统v1.0.0发布-优雅草科技本产品前端源代码已对外开源可免费商用-优雅草老八
119 31
2024年12月30日蜻蜓蜻蜓AI工具系统v1.0.0发布-优雅草科技本产品前端源代码已对外开源可免费商用-优雅草老八
零基础构建开源项目OpenIM桌面应用和pc web- Electron篇
OpenIM 为开发者提供开源即时通讯 SDK,作为 Twilio、Sendbird 等云服务的替代方案。借助 OpenIM,开发者可以构建安全可靠的即时通讯应用,如 WeChat、Zoom、Slack 等。 本仓库基于开源版 OpenIM SDK 开发,提供了一款基于 Electron 的即时通讯应用。您可以使用此应用程序作为 OpenIM SDK 的参考实现。本项目同时引用了 @openim/electron-client-sdk 和 @openim/wasm-client-sdk,分别为 Electron 版本和 Web 版本的 SDK,可以同时构建 PC Web 程序和桌面应用(Wi
35 2
Inpaint-Web:纯浏览器端实现的开源图像处理工具
在刷短视频时,常看到情侣在景区拍照被路人“抢镜”,男朋友用手机将路人“P”掉,既贴心又有趣。最近我发现了一个纯前端实现的开源项目——inpaint-web,可在浏览器端删除照片中的部分内容,非常酷。该项目基于 WebGPU 和 WASM 技术,支持图像修复与放大,已在 GitHub 上获得 5.1k Star。项目地址:[GitHub](https://github.com/lxfater/inpaint-web)。
108 3
 Inpaint-Web:纯浏览器端实现的开源图像处理工具

热门文章

最新文章

  • 1
    前端起dev从110秒减少到7秒, 开发体验大幅提升
    17
  • 2
    无前端经验如何快速搭建游戏站:使用 windsurf 从零到上线的详细指南
    33
  • 3
    【01】鸿蒙实战应用开发-华为鸿蒙纯血操作系统Harmony OS NEXT-项目开发实战-优雅草卓伊凡拟开发一个一站式家政服务平台-前期筹备-暂定取名斑马家政软件系统-本项目前端开源-服务端采用优雅草蜻蜓Z系统-搭配ruoyi框架admin后台-全过程实战项目分享-从零开发到上线
    40
  • 4
    VSCode AI提效工具,通义灵码前端开发体验
    97
  • 5
    开箱即用的GO后台管理系统 Kratos Admin - 前端权限
    13
  • 6
    以项目登录接口为例-大前端之开发postman请求接口带token的请求测试-前端开发必学之一-如果要学会联调接口而不是纯写静态前端页面-这个是必学-本文以优雅草蜻蜓Q系统API为实践来演示我们如何带token请求接口-优雅草卓伊凡
    47
  • 7
    大前端之前端开发接口测试工具postman的使用方法-简单get接口请求测试的使用方法-简单教学一看就会-以实际例子来说明-优雅草卓伊凡
    85
  • 8
    【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
    37
  • 9
    【11】flutter进行了聊天页面的开发-增加了即时通讯聊天的整体页面和组件-切换-朋友-陌生人-vip开通详细页面-即时通讯sdk准备-直播sdk准备-即时通讯有无UI集成的区别介绍-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
    159
  • 10
    详解智能编码在前端研发的创新应用
    122
  • AI助理

    你好,我是AI助理

    可以解答问题、推荐解决方案等