代码拉取完成,页面将自动刷新
该版本基于OPENAI API KEY开发,想使用
ChatGPT
的请访问chatgpt-html
text-davinci-003
是其中的模型之一都不是基于ChatGPT开发的项目
,官方并未发布ChatGPT的API接口chat.html
网页文件,粘贴以下代码并保存(UI很丑,建议各自美化)<!DOCTYPE html>
<html lang="en">
<!--自适应屏幕大小-->
<meta name="viewport" content="width=device-width,initial-scale=1" />
<head>
<!-- <link rel="shortcut icon" href="" type="image/x-icon" /> -->
<meta charset="UTF-8">
<title>OpenAI</title>
<style>
body {
color: #333;
background-color: #eee;
}
@media (prefers-color-scheme: dark) {
body {
background: black;
color: white;
}
}
</style>
</head>
<body>
<div align="center">
<h2>Fake ChatGPT</h2>
<div>注意:接口返回可能比较慢(服务在国外,并且OpenAI返回速度也比较慢),提交后需要等待处理完成,请勿重复提交!!!</div>
<div>~接口返回有长度限制~</div>
<hr />
{% if message %} {{ message }} {% endif %}
<form method="post" onsubmit="submit.disabled=true">
<textarea style="width:35%;" name="question" placeholder="点击这里输入问题" rows="11" id="form"></textarea>
<br>
<input type="submit" style="width:150px;height:50px;background-color:green;font-size:30px" value="提交" id="submit" />
</form>
<div id="loading" style="display:none; color:red"><b>后端正在处理,请稍等...</b></div>
{% if question %}
<div style="text-align: left"><b>人类:</b>
<pre id="question">{{ question }}</pre>
</div>
<hr />
<div style="text-align: left"><b>人工智障:</b>
<pre style="text-align:left; white-space: pre-wrap;" id="res">{{ res }}</pre>
</div>
{% endif %}
</div>
</body>
<script>
let loading = document.getElementById('loading');
let form = document.querySelector('form');
form.addEventListener('submit', () => {
loading.style.display = 'block';
});
</script>
</html>
docker-compose.yml
配置文件,粘贴以下内容并保存,放在与chat.html
文件相同的目录下version: '3'
services:
chatgpt:
image: supermandada/web-gpt:v1 #如果是arm架构,需要改成chatgpt-web:arm
container_name: webchat
environment:
- OPENAI_API_KEY=前面你获取到的OpenAI API KEY
volumes:
- ./chat.html:/chatgpt-web/templates/chat.html
ports:
- "8888:8080" #8080为容器内部端口,不可更改;8888为外部映射端口,可自行更改
restart: always
docker-compose up -d
即启动成功chat.html
文件后,需要docker restart webchat才能生效此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。