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

sockstack / 145 / 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

修改于

2024-09-16

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