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

sockstack / 206 / 2023-11-09 11:03:24

<p><span style="color: red; font-size: 18px">ChatGPT 可用网址，仅供交流学习使用，如对您有所帮助，请收藏并推荐给需要的朋友。</span><br><a href="https://ckai.xyz/?sockstack&section=detail" target="__blank">https://ckai.xyz</a><br><br></p> <div class="Post-RichTextContainer"><div class="css-1yuhvjn"><div class="css-376mun"><div class="RichText ztext Post-RichText css-117anjg" options="[object Object]">
<blockquote data-first-child="" data-pid="MFD6jxFs">随着OpenAI ChatGPT的大火 ，再加之互联网的推动，在这个AI浪潮下，涌现出了一大批ChatGPT产品，观察体验了很多国内ChatGPT镜像站，有免费有付费。大多数镜像站的UI界面、网页布局及相关功能都是大同小异的。这些镜像站开发人员其实他们只需要准备好OpenAI账号及API Key即可，网站直接使用开源的前端Chat-Web项目即可搭建起来，可以说哪怕是技术小白或者非技术人员，只需要一台服务器、一个OpenAi账号、Chat-Web开源项目即可完成GPT镜像站的搭建。</blockquote>
<figure data-size="normal"><noscript><img referrerpolicy="no-referrer"  src="https://pic1.zhimg.com/v2-389e3b27cb2b1f77af4e291c06823578_b.jpg" data-caption="" data-size="normal" class="content_image"></noscript>
<div><img referrerpolicy="no-referrer"  src="https://pic1.zhimg.com/80/v2-389e3b27cb2b1f77af4e291c06823578_720w.webp" data-caption="" data-size="normal" class="content_image lazy" data-actualsrc="https://pic1.zhimg.com/v2-389e3b27cb2b1f77af4e291c06823578_b.jpg" data-original-token="v2-389e3b27cb2b1f77af4e291c06823578" data-lazy-status="ok"></div></figure><p data-pid="5cEcA0UM">那么我们如何搭建属于自己的ChatGPT镜像站呢？服务器和OpenAI账号可以自行准备解决，本篇文章小编就不展开了。本文主要介绍下Chat-Web开源前端项目。</p>
<h3>ChatGPT-Web 项目介绍</h3>
<p data-pid="UD2LpAlo">ChatGPT-Web 项目是用 Express 和 Vue3 搭建的 ChatGPT 演示网页。模仿 OpenAI Chat 官方样式而开发并开源的。目前项目在 Github 已达 22.4k star量，在 Gitcode上也已达 22.3k star量，可见使用人数何其之多，借助该项目搭建 ChatGPT 镜像站的也数不胜数。（可借助镜像站进行引流）</p>
<p data-pid="zcAIyFSA">Github：<a href="https://link.zhihu.com/?target=https%3A//github.com/Chanzhaoyu/chatgpt-web" class=" external" target="_blank" rel="nofollow noreferrer"><span class="invisible">https://</span><span class="visible">github.com/Chanzhaoyu/c</span><span class="invisible">hatgpt-web</span><span class="ellipsis"></span></a></p>
<p data-pid="re-hPEaU">Gitcode：<a href="https://link.zhihu.com/?target=https%3A//gitcode.net/mirrors/Chanzhaoyu/chatgpt-web" class=" external" target="_blank" rel="nofollow noreferrer"><span class="invisible">https://</span><span class="visible">gitcode.net/mirrors/Cha</span><span class="invisible">nzhaoyu/chatgpt-web</span><span class="ellipsis"></span></a></p>
<figure data-size="normal"><noscript><img referrerpolicy="no-referrer"  src="https://pic2.zhimg.com/v2-3b26aca3e6749066f0d5a6d00667f655_b.jpg" data-caption="" data-size="normal" class="content_image"></noscript>
<div><img referrerpolicy="no-referrer"  src="https://pic2.zhimg.com/80/v2-3b26aca3e6749066f0d5a6d00667f655_720w.webp" data-caption="" data-size="normal" class="content_image lazy" data-actualsrc="https://pic2.zhimg.com/v2-3b26aca3e6749066f0d5a6d00667f655_b.jpg" data-original-token="v2-3b26aca3e6749066f0d5a6d00667f655" data-lazy-status="ok"></div></figure><p data-pid="IAZtOibQ">支持双模型，提供了两种非官方 <code>ChatGPT API</code> 方法</p>
<p data-pid="-RGf1kFk">对比：</p>
<ol>
<li data-pid="4ST8hlkk">
<code>ChatGPTAPI</code> 使用 <code>gpt-3.5-turbo</code> 通过 <code>OpenAI</code> 官方 <code>API</code> 调用 <code>ChatGPT</code>
</li>
<li data-pid="UCq_Tv8I">
<code>ChatGPTUnofficialProxyAPI</code> 使用非官方代理服务器访问 <code>ChatGPT</code> 的后端<code>API</code>，绕过<code>Cloudflare</code>（依赖于第三方服务器，并且有速率限制）</li>
</ol>
<h3>项目搭建</h3>
<h3>前置要求</h3>
<p data-pid="uOwPpieT"><b>安装 Node</b></p>
<p data-pid="HQ8I5JsB">1、SSH 连接服务器后，通过 wget 命令下载 Node 安装包（尽量高点的版本）</p>
<div class="highlight"><pre><code class="language-bash"><span class="nb">cd</span> /usr/local
wget https://npmmirror.com/mirrors/node/v16.18.1/node-v16.18.1-linux-x64.tar.xz</code></pre></div>
<p data-pid="9HdV7RL9">2、解压重命名为 nodejs 并删除安装包</p>
<div class="highlight"><pre><code class="language-bash">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</code></pre></div>
<p data-pid="KShOe6or">3、创建软连接</p>
<div class="highlight"><pre><code class="language-bash">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</code></pre></div>
<p data-pid="q0dZEhsK">4、最后终端执行命令 <code>node -v</code> ，查看版本（如果能够正常打印版本号，说明 Node 已安装成功）</p>
<div class="highlight"><pre><code class="language-bash">node -v  //v16.18.1</code></pre></div>
<p data-pid="DfuD-qPz"><b>安装 PNPM</b></p>
<p data-pid="qJw0HTOk">1、安装 PNPM 并创建软连接</p>
<div class="highlight"><pre><code class="language-bash">npm install -g pnpm
ln -s /usr/local/nodejs/bin/pnpm /usr/bin
ln -s /usr/local/nodejs/bin/pnpx /usr/bin</code></pre></div>
<p data-pid="Nw4sXAJb">2、查看 PNPM 版本（如果能够正常打印版本，说明 PNPM 已安装成功）</p>
<div class="highlight"><pre><code class="language-bash">pnpm -v  //v7.29.3</code></pre></div>
<h3>安装 Docker</h3>
<p data-pid="e299JSMG">1、安装 <code>yum-utils</code> 包</p>
<div class="highlight"><pre><code class="language-bash">yum install -y yum-utils</code></pre></div>
<p data-pid="tDhrQ0aA">2、设置镜像仓库（这里选择阿里镜像）</p>
<div class="highlight"><pre><code class="language-bash">yum-config-manager --add-repo http://mirrors.aliyun.com/docker-ce/linux/centos/docker-ce.repo</code></pre></div>
<p data-pid="Xj-zafVL">3、更新 yum 软件包索引</p>
<div class="highlight"><pre><code class="language-bash">yum makecache fast</code></pre></div>
<p data-pid="wEtAMjr-">4、安装 docker-ce（社区版）</p>
<div class="highlight"><pre><code class="language-text">yum install docker-ce docker-ce-cli containerd.io</code></pre></div>
<p data-pid="db-Vg662">5、查看 docker 版本（如果能够正常打印版本，说明 Docker 已安装成功）</p>
<div class="highlight"><pre><code class="language-text">docker version</code></pre></div>
<p data-pid="U80dHi26">6、最后启动 Docker</p>
<div class="highlight"><pre><code class="language-bash">systemctl start docker</code></pre></div>
<h3>部署 ChatGPT-Web 到服务器</h3>
<p data-pid="_k7cLmlw">1、克隆 chatgpt-web 项目（确保服务器已安装 git ）</p>
<div class="highlight"><pre><code class="language-bash">git clone https://github.com/Chanzhaoyu/chatgpt-web.git</code></pre></div>
<p data-pid="jbnMsOPc">2、配置密钥</p>
<p data-pid="IHTLZYa7">将 <code>chatgpt-web/service/</code> 目录下文件<code>.env.example</code> 改名为<code>.env</code>，并修改文件中的 <code>OPENAI_API_KEY</code> 值，改为上文中获取的 API Keys，注意不需要加引号。</p>
<div class="highlight"><pre><code class="language-bash"><span class="c1"># OpenAI API Key - https://platform.openai.com/overview</span>
<span class="nv">OPENAI_API_KEY</span><span class="o">=</span>your_api_key</code></pre></div>
<p data-pid="Q8YTNCar">3、安装依赖</p>
<p data-pid="V4Jzsndi">在 <code>chatgpt-web/service/</code> 目录下安装后端依赖</p>
<div class="highlight"><pre><code class="language-bash">pnpm install</code></pre></div>
<p data-pid="BsnbAel1">在 <code>chatgpt-web/</code> 目录下安装前端依赖</p>
<div class="highlight"><pre><code class="language-bash">pnpm bootstrap</code></pre></div>
<h3>打包运行服务</h3>
<p data-pid="6MLDIfXZ">在 <code>chatgpt-web/</code> 目录下执行 build 操作</p>
<div class="highlight"><pre><code class="language-bash">docker build -t chatgpt-web .</code></pre></div>
<p data-pid="XjO6cSN5">build 成功后就可以运行项目</p>
<div class="highlight"><pre><code class="language-text">docker run --name chatgpt-web -d -p 3002:3002 --env OPENAI_API_KEY=your_api_key chatgpt-web</code></pre></div>
<p data-pid="43mw7EO_">运行成功后访问 <code>https://ip:3002</code> 就可以访问 ChatGPT Web 页面啦，是不是特别简单，只需要按照命令一步步来，就可以搭建属于自己的ChatGPT镜像站了</p>
<blockquote data-pid="aCP2L5No">注意：个人搭建的镜像站，随着访问量加大，账号被封的可能性也会大</blockquote>
<p data-pid="oaIVZG52">搭建属于自己的GPT镜像站教程就是这么简单，当然真正搭建过程中，可能会由于服务器本身原因或网络、账号等因素，影响最终的正常使用，这个就需要自己去摸索、查验、解决。今天的小编的分享到这里就结束啦！</p>
</div></div></div></div><script>$(document).ready(function()\{$(\"img\").each(function()\{$(this).attr(\"src\",$(this).data(\"original\"))\})\});</script>

作者

sockstack

许可协议

CC BY 4.0

发布于

2023-11-09

修改于

2025-08-20

上一篇：软件：常用 Linux 软件汇总，值得收藏下一篇：借助chat-web前端开源项目搭建属于自己的ChatGPT镜像站

尚未登录

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

文章分类

博客重构之路

Spring Boot简单入门

k8s 入门教程

MySQL 知识

NSQ 消息队列

ThinkPHP5 源码分析

使用 Docker 从零开始搭建私人代码仓库

日常开发汇总

标签列表

springboot

hyperf

swoole

webman

php

多线程

数据结构

docker

k8s

thinkphp

mysql

tailwindcss

flowbite

css

前端