日常负载爆炸，建议有能力的自行搭建
2023.2.11更新 更换为acheong08的非官方ChatGPT接口
使用acheong08的非官方ChatGPT接口，实现简单HTML网页版在线聊天
该版本基于
ChatGPT开发，想使用OPENAI API KEY的请访问chatgpt-web
- 想在html实现人人可访问的ChatGPT网页应用
- 因为需要模拟浏览器登录，docker镜像体积比较大，并消耗较多系统资源
- ChatGPT本身支持上下文关联，但个人技术菜鸡，无法在html编写连续对话（
回复内容是上下文关联的，但是每次提交后只能显示最新的回复，没有历史记录） - 如更改了项目代码，建议自行使用Dockerfile构建镜像
- ChatGPT的回复内容比OPENAI API KEY更
自然，特别是面对复杂表达或场景时，下图为例
- 点击注册OpenAI
以下所有文件放同一目录
- 新建
config.json文件，粘贴以下代码并保存
{
"email": "填写你的OpenAI账号（即邮箱）",
"password": "填写你的OpenAI密码"
}- 新建
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>ChatGPT</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>ChatGPT</h2>
<div>注意：接口返回可能比较慢（服务在国外，并且ChatGPT返回速度也比较慢），提交后需要等待处理完成，请勿重复提交！！！</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配置文件，粘贴以下内容并保存
version: '3'
services:
chatgpt:
image: sheepgreen/chatgpt-html
container_name: htmchat
volumes:
- ./config.json:/chatgpt-html/config.json
- ./chat.html:/chatgpt-html/templates/chat.html
ports:
- "9999:80" #80为容器内部端口，不可更改；9999为外部映射端口，可自行更改
restart: always- 输入
docker-compose up -d即启动成功
- 访问地址为http://ip:port
- 修改
chat.html文件后，需要docker restart htmchat才能生效 - 暂仅支持amd64镜像