Skip to content

使用ChatGPT接口,实现简单HTML网页版在线聊天(支持markdown语法、多用户会话隔离及查看连续对话记录)

Notifications You must be signed in to change notification settings

coreZsh/chatgpt-html

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

70 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

chatgpt-html

使用acheong08对接官方ChatGPT接口,实现简单HTML网页版在线聊天

该版本基于ChatGPT网页端代理开发(免费),想使用ChatGPT API KEY(付费)的请访问chatgpt-web

特性

  • 文件结构简单,主要面向小白用户
  • 功能不多,但核心的连续对话、多用户会话隔离、markdown格式输出都具备

部署

使用Docker Compose

以下所有文件放同一目录

  • 新建config.json文件,粘贴以下代码并保存
{
        "__comment01__": "邮箱、session_token和access_token三选一",
        "__comment02__": "邮箱认证(暂仅支持普通方式注册的账号,不支持谷歌或微软快捷登录)",
        "email": "",
        "password": "",
        "__comment03__": "session_token认证(不受账号注册方式影响)",
        "session_token": "",
        "__comment04__": "access_token认证(不受账号注册方式影响)",
        "access_token": "",
        
        "__comment05__": "以下为选填字段",
        "__comment06__": "通过代理连接代理端(作者服务器被墙过,代理好像只能用无密码认证的socks5或者http,请自行测试)",
        "proxy": "",
        "__comment07__": "使用付费openai账号(官方称速度更快,无频率限制,将false改为true)",
        "paid": false
}
  • session_token获取方法(随时过期)
  1. Go to https://chat.openai.com/chat and open the developer tools by F12.
  2. Find the __Secure-next-auth.session-token cookie in Application > Storage > Cookies > https://chat.openai.com.
  3. Copy the value in the Cookie Value field.
  • access_token获取方法(据说可以持续2周不过期)

登录ChatGPT官方网页版后再打开https://chat.openai.com/api/auth/session

  • 新建docker-compose.yml配置文件,粘贴以下内容并保存
services:
  chatgpt:
    image: sheepgreen/chatgpt-html
    container_name: htmchat
#    environment:
#      - CHATGPT_BASE_URL=你的代理服务端地址(不填默认使用作者服务器,目前偶尔会不可用)
    volumes:
      - ./config.json:/chatgpt-html/config.json
#      - ./chat.html:/chatgpt-html/templates/chat.html #默认内置我的UI,如需替换自用网页请取消注释
    ports:
      - "9999:8088" #8088为容器内端口,不可更换;9999为外部端口,可自行更换
    restart: always
  • 输入docker-compose up -d即启动成功

注意事项

  • 访问地址为http://ip:port
  • 修改chat.html文件后,需要docker restart htmchat才能生效

其他相关

About

使用ChatGPT接口,实现简单HTML网页版在线聊天(支持markdown语法、多用户会话隔离及查看连续对话记录)

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • CSS 48.8%
  • JavaScript 20.7%
  • HTML 18.7%
  • Python 8.8%
  • Dockerfile 3.0%