ChatGPT-Web搭建秘籍：了解最新AI技术的前沿应用！

sockstack / 147 / 2023-11-09 23:19:55

<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]">
<p data-first-child="" data-pid="Q-3xq9t7">        近年来OpenAI的ChatGPT模型在自然语言处理领域取得了很大的进展，并且已经在全球范围内得到了广泛的应用和普及。ChatGPT不仅可以用于生成对话和文本摘要等任务，还可以用于机器翻译、问答系统、情感分析等多个领域。ChatGPT已经成为自然语言处理领域的一个重要里程碑，并带来了许多新的应用场景和技术挑战。ChatGPT-3 ChatGPT-3.5 gpt-3.5-turbo ChatGPT-4一波波也是来势汹汹，ChatGPT已经在全球普及。不过在国内很多小伙伴还不能访问到chatgpt，当然在国内出了不少chatgpt类似的产品，由于版权问题前期都叫chatgtp，现在应该都改了名称，那么国内的小伙伴怎么才能访问到官方的chatgpt呢？有几种方式：1、用户本地使用魔法网络也就是我们常常说的VPN或者使用国外服务器代理</p>
<p data-pid="kOXkP_op">2、有些技术人员代理好，然后再提供给其它人使用。这种的好处就是用户本地不用使用任何东西可以直接访问</p>
<p data-pid="ksHT91RT">3、目前github有不少chatgpt前端项目，技术人员下载后在自己的服务器搭建好，提供给其它用户使用。当然原理上与第2种是类似的，只不过这种方式是通过调用openai的api接口访问到chatgpt的。</p>
<h2>一、Github chatgpt前端项目</h2>
<p data-pid="8ED_5fnv">github上有不少chatgpt前端的demo，有网页版的，也有小程序版本的。下面我们就来介绍下：</p>
<h2>1、官方openai-quickstart-node</h2>
<p data-pid="Z-CLBlWi">项目地址：<a href="https://link.zhihu.com/?target=https%3A//github.com/openai/openai-quickstart-node" class=" external" target="_blank" rel="nofollow noreferrer"><span class="invisible">https://</span><span class="visible">github.com/openai/opena</span><span class="invisible">i-quickstart-node</span><span class="ellipsis"></span></a></p>
<p data-pid="8Uo1h_Gl">效果图：给宠物取名字。输入宠物，然后调用openai api返回宠物名称。</p>
<figure data-size="normal"><noscript><img referrerpolicy="no-referrer"  src="https://pic4.zhimg.com/v2-cee1b627b5f7b5f5f6222645d79e1d4f_b.jpg" data-caption="" data-size="normal" data-rawwidth="1541" data-rawheight="667" class="origin_image zh-lightbox-thumb" width="1541" data-original="https://pic4.zhimg.com/v2-cee1b627b5f7b5f5f6222645d79e1d4f_r.jpg"></noscript>
<div><img referrerpolicy="no-referrer"  src="https://pic4.zhimg.com/80/v2-cee1b627b5f7b5f5f6222645d79e1d4f_720w.webp" data-caption="" data-size="normal" data-rawwidth="1541" data-rawheight="667" class="origin_image zh-lightbox-thumb lazy" width="1541" data-original="https://pic4.zhimg.com/v2-cee1b627b5f7b5f5f6222645d79e1d4f_r.jpg" data-actualsrc="https://pic4.zhimg.com/v2-cee1b627b5f7b5f5f6222645d79e1d4f_b.jpg" data-original-token="v2-43bbc8f8c16d1025cabc1be504e8cc45" height="667" data-lazy-status="ok"></div></figure><h2>2、非官方chatgpt-web</h2>
<p data-pid="aSLQcvst">项目地址：<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>
<figure data-size="normal"><noscript><img referrerpolicy="no-referrer"  src="https://pic1.zhimg.com/v2-396239b55cfe670979059dfd2a44fea0_b.jpg" data-caption="" data-size="normal" data-rawwidth="1031" data-rawheight="767" class="origin_image zh-lightbox-thumb" width="1031" data-original="https://pic1.zhimg.com/v2-396239b55cfe670979059dfd2a44fea0_r.jpg"></noscript>
<div><img referrerpolicy="no-referrer"  src="data:image/svg+xml;utf8,&lt;svg%20xmlns='http://www.w3.org/2000/svg'%20width='1031'%20height='767'&gt;&lt;/svg&gt;" data-caption="" data-size="normal" data-rawwidth="1031" data-rawheight="767" class="origin_image zh-lightbox-thumb lazy" width="1031" data-original="https://pic1.zhimg.com/v2-396239b55cfe670979059dfd2a44fea0_r.jpg" data-actualsrc="https://pic1.zhimg.com/v2-396239b55cfe670979059dfd2a44fea0_b.jpg" data-original-token="v2-0398b501ba4fc4232848bb7ba525bc7d"></div></figure><p data-pid="V_gbz0mf">功能是chatgpt，就是页面风格和官方不一样。</p>
<h2>3、非官方chatgpt-mirror</h2>
<p data-pid="wnT6zE20">当时官方在github上放了一个chatgpt-web的项目，后面下架了，不知道这位大哥就是不down的官方的，反正页面效果与官方是一毛一样的。</p>
<p data-pid="vYtTHZ_S">项目地址：<a href="https://link.zhihu.com/?target=https%3A//github.com/yuezk/chatgpt-mirror" class=" external" target="_blank" rel="nofollow noreferrer"><span class="invisible">https://</span><span class="visible">github.com/yuezk/chatgp</span><span class="invisible">t-mirror</span><span class="ellipsis"></span></a></p>
<p data-pid="w56jSjJW">效果图：</p>
<figure data-size="normal"><noscript><img referrerpolicy="no-referrer"  src="https://pic1.zhimg.com/v2-5deec73ba75986f965de76a0d168e190_b.jpg" data-caption="" data-size="normal" data-rawwidth="1609" data-rawheight="961" class="origin_image zh-lightbox-thumb" width="1609" data-original="https://pic1.zhimg.com/v2-5deec73ba75986f965de76a0d168e190_r.jpg"></noscript>
<div><img referrerpolicy="no-referrer"  src="data:image/svg+xml;utf8,&lt;svg%20xmlns='http://www.w3.org/2000/svg'%20width='1609'%20height='961'&gt;&lt;/svg&gt;" data-caption="" data-size="normal" data-rawwidth="1609" data-rawheight="961" class="origin_image zh-lightbox-thumb lazy" width="1609" data-original="https://pic1.zhimg.com/v2-5deec73ba75986f965de76a0d168e190_r.jpg" data-actualsrc="https://pic1.zhimg.com/v2-5deec73ba75986f965de76a0d168e190_b.jpg" data-original-token="v2-b8b6fc549f51b1cb280aedd66cb6b4e1"></div></figure><h2>二、Chatgpt前端项目搭建</h2>
<p data-pid="eXQ1MlNc">我们来讲一讲chatgpt-mirror项目的搭建，现在只要你会docker搭建一个项目就非常的快。</p>
<p data-pid="oZFqTDfQ">我们来看一看</p>
<h2>1、准备</h2>
<p data-pid="GpjU-tyr">1、安装docker</p>
<p data-pid="FwrGGnDx">2、安装git</p>
<h2>2、克隆项目</h2>
<div class="highlight"><pre><code class="language-text">git clone https://github.com/yuezk/chatgpt-mirror.git</code></pre></div>
<h2>3、构建本地镜像</h2>
<div class="highlight"><pre><code class="language-text">cd chatgpt-mirror
#最后有一个.不要掉了
docker build -t chatgpt-mirror . 
#成功后，看一下是不是多了个chatgpt-mirror的镜像
docker images</code></pre></div>
<p class="ztext-empty-paragraph"><br></p>
<figure data-size="normal"><noscript><img referrerpolicy="no-referrer"  src="https://pic1.zhimg.com/v2-bb3b887611dc7c79ac92c0cf44651020_b.jpg" data-caption="" data-size="normal" data-rawwidth="1362" data-rawheight="244" class="origin_image zh-lightbox-thumb" width="1362" data-original="https://pic1.zhimg.com/v2-bb3b887611dc7c79ac92c0cf44651020_r.jpg"></noscript>
<div><img referrerpolicy="no-referrer"  src="data:image/svg+xml;utf8,&lt;svg%20xmlns='http://www.w3.org/2000/svg'%20width='1362'%20height='244'&gt;&lt;/svg&gt;" data-caption="" data-size="normal" data-rawwidth="1362" data-rawheight="244" class="origin_image zh-lightbox-thumb lazy" width="1362" data-original="https://pic1.zhimg.com/v2-bb3b887611dc7c79ac92c0cf44651020_r.jpg" data-actualsrc="https://pic1.zhimg.com/v2-bb3b887611dc7c79ac92c0cf44651020_b.jpg" data-original-token="v2-dbccaf9b780c4bb3dc9e89ec6def50c3"></div></figure><p data-pid="g4zPsj8a">看到这个镜像就说明构建成功了</p>
<h2>4、配置secert api key</h2>
<div class="highlight"><pre><code class="language-text">#创建一个名为.env的文件，内容如下
OPENAI_API_KEY=sk-xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</code></pre></div>
<p data-pid="xNPu-Erd">基本api key要怎么取得呢？进入官方这个地址</p>
<p data-pid="gzY_DFjd"><a href="https://link.zhihu.com/?target=https%3A//platform.openai.com/docs" class=" external" target="_blank" rel="nofollow noreferrer"><span class="invisible">https://</span><span class="visible">platform.openai.com/doc</span><span class="invisible">s</span><span class="ellipsis"></span></a></p>
<figure data-size="normal"><noscript><img referrerpolicy="no-referrer"  src="https://pic3.zhimg.com/v2-fba28bf32140f2acd71d32b60d28ff1e_b.jpg" data-caption="" data-size="normal" data-rawwidth="1451" data-rawheight="1027" class="origin_image zh-lightbox-thumb" width="1451" data-original="https://pic3.zhimg.com/v2-fba28bf32140f2acd71d32b60d28ff1e_r.jpg"></noscript>
<div><img referrerpolicy="no-referrer"  src="data:image/svg+xml;utf8,&lt;svg%20xmlns='http://www.w3.org/2000/svg'%20width='1451'%20height='1027'&gt;&lt;/svg&gt;" data-caption="" data-size="normal" data-rawwidth="1451" data-rawheight="1027" class="origin_image zh-lightbox-thumb lazy" width="1451" data-original="https://pic3.zhimg.com/v2-fba28bf32140f2acd71d32b60d28ff1e_r.jpg" data-actualsrc="https://pic3.zhimg.com/v2-fba28bf32140f2acd71d32b60d28ff1e_b.jpg" data-original-token="v2-f9d95a7f51a40ee910343332e61f5cb7"></div></figure><p data-pid="zNsdE5aY">向下拉可以看到“Build your application”往下看就是secert key了，创建好就复制了来，记住创建时弹出的窗口要复制好，不然关了弹出窗口就不能复制了，要重新生成了</p>
<figure data-size="normal"><noscript><img referrerpolicy="no-referrer"  src="https://pic4.zhimg.com/v2-fd918fd8d43112dfdc7ead741f08064b_b.jpg" data-caption="" data-size="normal" data-rawwidth="1605" data-rawheight="988" class="origin_image zh-lightbox-thumb" width="1605" data-original="https://pic4.zhimg.com/v2-fd918fd8d43112dfdc7ead741f08064b_r.jpg"></noscript>
<div><img referrerpolicy="no-referrer"  src="data:image/svg+xml;utf8,&lt;svg%20xmlns='http://www.w3.org/2000/svg'%20width='1605'%20height='988'&gt;&lt;/svg&gt;" data-caption="" data-size="normal" data-rawwidth="1605" data-rawheight="988" class="origin_image zh-lightbox-thumb lazy" width="1605" data-original="https://pic4.zhimg.com/v2-fd918fd8d43112dfdc7ead741f08064b_r.jpg" data-actualsrc="https://pic4.zhimg.com/v2-fd918fd8d43112dfdc7ead741f08064b_b.jpg" data-original-token="v2-1910e3d8789b67c07d2937ec4d6e526d"></div></figure><p data-pid="2hxSVFAJ">下面是我创建好的</p>
<figure data-size="normal"><noscript><img referrerpolicy="no-referrer"  src="https://pic1.zhimg.com/v2-c513a41485d512ba1397f97e1c2e6bd0_b.jpg" data-caption="" data-size="normal" data-rawwidth="1100" data-rawheight="402" class="origin_image zh-lightbox-thumb" width="1100" data-original="https://pic1.zhimg.com/v2-c513a41485d512ba1397f97e1c2e6bd0_r.jpg"></noscript>
<div><img referrerpolicy="no-referrer"  src="data:image/svg+xml;utf8,&lt;svg%20xmlns='http://www.w3.org/2000/svg'%20width='1100'%20height='402'&gt;&lt;/svg&gt;" data-caption="" data-size="normal" data-rawwidth="1100" data-rawheight="402" class="origin_image zh-lightbox-thumb lazy" width="1100" data-original="https://pic1.zhimg.com/v2-c513a41485d512ba1397f97e1c2e6bd0_r.jpg" data-actualsrc="https://pic1.zhimg.com/v2-c513a41485d512ba1397f97e1c2e6bd0_b.jpg" data-original-token="v2-21822d45e83769e44332a6ce7a695961"></div></figure><p class="ztext-empty-paragraph"><br></p>
<p data-pid="ceI1MJfT">替换成文件中的内容就可以了 OPENAI_API_KEY=sk-xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx，把“sk-xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx”换成你自己的key</p>
<h2>5、运行容器</h2>
<div class="highlight"><pre><code class="language-text">docker run -d -p 3000:3000 --env-file .env chatgpt-mirror</code></pre></div>
<p class="ztext-empty-paragraph"><br></p>
<p data-pid="Iyu0-ZbX">下面就可以使用了http://localhost:3000</p>
<p class="ztext-empty-paragraph"><br></p>
<h2>三、相关的问题</h2>
<h2>1、自己搭建chatgtp-web使用API KEY是否收费？</h2>
<figure data-size="normal"><noscript><img referrerpolicy="no-referrer"  src="https://pic3.zhimg.com/v2-edec9fadcf2d2302c6aefe223afcb986_b.jpg" data-caption="" data-size="normal" data-rawwidth="957" data-rawheight="190" class="origin_image zh-lightbox-thumb" width="957" data-original="https://pic3.zhimg.com/v2-edec9fadcf2d2302c6aefe223afcb986_r.jpg"></noscript>
<div><img referrerpolicy="no-referrer"  src="data:image/svg+xml;utf8,&lt;svg%20xmlns='http://www.w3.org/2000/svg'%20width='957'%20height='190'&gt;&lt;/svg&gt;" data-caption="" data-size="normal" data-rawwidth="957" data-rawheight="190" class="origin_image zh-lightbox-thumb lazy" width="957" data-original="https://pic3.zhimg.com/v2-edec9fadcf2d2302c6aefe223afcb986_r.jpg" data-actualsrc="https://pic3.zhimg.com/v2-edec9fadcf2d2302c6aefe223afcb986_b.jpg" data-original-token="v2-2f8fb095896ea2abb4ab3c04e054620a"></div></figure><p data-pid="UNV7dHVe">网上搜索会发现chatgpt是收费的，那么我们自己搭建的chatgpt-web申请的apk key怎么收费的呢？</p>
<p data-pid="TXvJpsOO">其实我们通过个人开发者进入<a href="https://link.zhihu.com/?target=https%3A//platform.openai.com/docs" class=" external" target="_blank" rel="nofollow noreferrer"><span class="invisible">https://</span><span class="visible">platform.openai.com/doc</span><span class="invisible">s</span><span class="ellipsis"></span></a>后，创建的是公共api key是<b>免费的</b>，我们看看chatgpt自己是怎么回答的：</p>
<figure data-size="normal"><noscript><img referrerpolicy="no-referrer"  src="https://pic3.zhimg.com/v2-3d442bbcc068ffae4df7e0e2ef7e5186_b.jpg" data-caption="" data-size="normal" data-rawwidth="1022" data-rawheight="346" class="origin_image zh-lightbox-thumb" width="1022" data-original="https://pic3.zhimg.com/v2-3d442bbcc068ffae4df7e0e2ef7e5186_r.jpg"></noscript>
<div><img referrerpolicy="no-referrer"  src="data:image/svg+xml;utf8,&lt;svg%20xmlns='http://www.w3.org/2000/svg'%20width='1022'%20height='346'&gt;&lt;/svg&gt;" data-caption="" data-size="normal" data-rawwidth="1022" data-rawheight="346" class="origin_image zh-lightbox-thumb lazy" width="1022" data-original="https://pic3.zhimg.com/v2-3d442bbcc068ffae4df7e0e2ef7e5186_r.jpg" data-actualsrc="https://pic3.zhimg.com/v2-3d442bbcc068ffae4df7e0e2ef7e5186_b.jpg" data-original-token="v2-d8e571bde0a48b4b5b818bfb6965d405"></div></figure><h2>2、搭建chatgpt前端项目的服务器需要魔法吗？</h2>
<p data-pid="pEiCET8a">就搭建者的那台服务器还是要能访问到“<a href="https://link.zhihu.com/?target=https%3A//api.openai.com/v1/chat/completions" class=" external" target="_blank" rel="nofollow noreferrer"><span class="invisible">https://</span><span class="visible">api.openai.com/v1/chat/</span><span class="invisible">completions</span><span class="ellipsis"></span></a>” chatgpt api的接口地址的，这个地址还是要魔法的。只是使用者不需要魔法了。</p>
<p></p>
</div></div></div></div>

作者

sockstack

许可协议

CC BY 4.0

发布于

2023-11-09

修改于

2024-09-16

上一篇：软件：常用 Linux 软件汇总，值得收藏下一篇：博弈AiChat GPT介绍，博弈Ai镜像官网