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

sockstack / 202 / 2023-11-09 10: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-12-23

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

尚未登录

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

文章分类

博客重构之路

Spring Boot简单入门

k8s 入门教程

MySQL 知识

NSQ 消息队列

ThinkPHP5 源码分析

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

日常开发汇总

标签列表

springboot

hyperf

swoole

webman

php

多线程

数据结构

docker

k8s

thinkphp

mysql

tailwindcss

flowbite

css

前端