一款可商业化的ChatGpt Web源码
<h2 id="wznav_0" class="wp-block-heading">简介</h2><p>一款使用React搭建的一款可商业化的ChatGpt Web应用,支持接入支付宝当面付及易支付</p>
<p>演示站点：<a href="https://ai.4nk.cn/">https://ai.4nk.cn</a></p>
<p>主要功能</p>
<ul>
<li>后台管理系统,可对用户,Token,商品,卡密等进行管理</li>
<li>精心设计的 UI，响应式设计</li>
<li>极快的首屏加载速度（~100kb）</li>
<li>支持Midjourney绘画和DALL·E模型绘画,GPT4等应用</li>
<li>海量的内置 prompt 列表，来自来自中文和英文</li>
<li>一键导出聊天记录，完整的 Markdown 支持</li>
<li>支持自定义API地址（如：openAI / API2D）</li>
</ul>
<p>演示截图</p>
<p></p>
<p></p>
<p></p>
<h2 id="wznav_2" class="wp-block-heading">安装部署</h2>
<p>需要安装PHP拓展（Redis）</p>
<p>PHP7.4+，MySQL5.7+</p>
<p>Node 版本管理器</p>
<p>Node 环境</p>
<p><code>node</code> 需要 <code>^16 || ^18 || ^19</code> 版本（node >= 16.19.0）</p>
<p>安装依赖</p>
<div class="enlighter-default enlighter-v-standard enlighter-t-enlighter enlighter-hover enlighter-linenumbers enlighter-overflow-scroll">
<div class="enlighter-toolbar">
<div class="enlighter-btn enlighter-btn-raw"> </div>
<div class="enlighter-btn enlighter-btn-copy"> </div>
<div class="enlighter-btn enlighter-btn-window"> </div>
</div>
<div class="enlighter">
<div class="">
<div><span class="enlighter-text">yarn install</span></div>
</div>
</div>
</div>
<p>打包</p>
<div class="enlighter-default enlighter-v-standard enlighter-t-enlighter enlighter-hover enlighter-linenumbers enlighter-overflow-scroll">
<div class="enlighter-toolbar">
<div class="enlighter-btn enlighter-btn-raw"> </div>
<div class="enlighter-btn enlighter-btn-copy"> </div>
<div class="enlighter-btn enlighter-btn-window"> </div>
</div>
<div class="enlighter">
<div class="">
<div><span class="enlighter-text">yarn build</span></div>
</div>
</div>
</div>
<p> 环境变量</p>
<blockquote class="wp-block-quote">
<p>如果是前后端分离模式部署项目则需要填以下配置</p>
</blockquote>
<h4 id="wznav_3" class="wp-block-heading"><code>VITE_APP_REQUEST_HOST</code></h4>
<p>请求服务端的<code>Host</code>地址。</p>
<p>dist 是前端打包的产物</p>
<p>server 是服务端代码</p>
<p>.env.development 是前端开发配置⽂件</p>
<p>.env.production 是前端线上配置⽂件</p>
<h3 id="wznav_4" class="wp-block-heading">前端部署</h3>
<p>设置运行目录为dist</p>
<p>伪静态如下：</p>
<div class="enlighter-default enlighter-v-standard enlighter-t-enlighter enlighter-hover enlighter-linenumbers enlighter-overflow-scroll">
<div class="enlighter-toolbar">
<div class="enlighter-btn enlighter-btn-raw"> </div>
<div class="enlighter-btn enlighter-btn-copy"> </div>
<div class="enlighter-btn enlighter-btn-window"> </div>
</div>
<div class="enlighter">
<div class="">
<div><span class="enlighter-text">location / </span><span class="enlighter-g1">{</span></div>
</div>
<div class="">
<div><span class="enlighter-text"> try_files $uri $uri/ /index.</span><span class="enlighter-m3">html</span><span class="enlighter-text">;</span></div>
</div>
<div class="">
<div><span class="enlighter-g1">}</span></div>
</div>
</div>
</div>
<h3 id="wznav_5" class="wp-block-heading">后端部署</h3>
<p></p>
<p>添加node 项⽬<br />⽬录选择项⽬⽬录就⾏ 不⽤选择（server）<br />然后启动⽅式选择 start （只要是 node server/index.js ）这⾥注意看 如果不是运⾏的 server/index.js 就是<br />有问题<br />项目端口填3200</p>
<h3 id="wznav_6" class="wp-block-heading">导入数据库</h3>
<p>chatgpt_test_xin_530.sql 这种不带 config 的是全部数据库表结构 （先导⼊这个）<br />config.sql 是配置⽂件（这⾥包含数据）后导</p>
<p>注意<br />这⾥需要注意后端的配置是否正常</p>
<p>然后两端就可以跑起来了</p>
<p>下载链接：<span style="color: #e03e2d;"><a style="color: #e03e2d;" href="https://wwpo.lanzoub.com/i1GPS0zqllfe" target="_blank" rel="noopener">https://wwpo.lanzoub.com/i1GPS0zqllfe</a></span>，提取密码：8psr</p>
页:
[1]