Skip to content

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

Notifications You must be signed in to change notification settings

lizhengxiang87/chatgpt-html

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

36 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Update

  • 2023.2.20 支持markdown语法
  • 2023.2.19 重构关键代码,内置本人使用的UI,支持查看连续对话记录

使用acheong08最新的代理接口,大幅减轻服务器负载,客户端可在国内搭建(如需境外本地搭建,请切换main分支)

chatgpt-html

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

该版本基于ChatGPT开发,想使用OPENAI API KEY的请访问chatgpt-web

项目由来及一些说明

  • 想在html实现人人可访问的ChatGPT网页应用
  • 通过连接代理服务器响应ChatGPT请求,客户端无需模拟浏览器登录,代理服务端建议自行搭建(作者未公开方法,但在作者github可以找到,出于对作者的尊敬此处也不公开,请自行查找)
  • 如更改了项目代码,建议自行使用Dockerfile构建镜像
  • ChatGPT的回复内容比OPENAI API KEY更自然,特别是面对复杂表达或场景时,下图为例 S{_0)XRVDB(3)SKFR$4P7VV

部署

获取OpenAI账号(即邮箱)及密码(请使用普通方式注册,不要谷歌或者微软快捷登录

配置

使用Docker Compose

以下所有文件放同一目录

  • 新建config.json文件,粘贴以下代码并保存
{
        //邮箱、session_token和access_token三选一,不用的注释或删掉,注意最后一行删掉逗号
        //邮箱认证
        "email": "填写你的OpenAI账号(即邮箱)",
        "password": "填写你的OpenAI密码"
        //session_token认证
        "session_token": "..."
        //access_token认证
        "access_token": "<access_token>"
        
        //以下为选填字段
        //通过代理连接代理端(作者服务器被墙过,代理好像只能用无密码认证的socks5或者http,请自行测试)
        # "proxy": "..."
        //使用付费openai账号(官方称速度更快,无频率限制)
        # "paid": true
}
  • 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:proxy #如果是arm架构,请换成chatgpt-html:proxyarm
    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即启动成功

注意事项

About

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

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 87.0%
  • Python 9.3%
  • Dockerfile 3.7%