79d5ded088be5d60913b847e123da178064f44f3
All checks were successful
Build static content / build (push) Successful in 8m5s
Update pages.yml Update pages.yml Update pages.yml Update pages.yml Update pages.yml fix message bubble overflow on small screen refactor ListAPI component to simplify click handler for template selection chat store title fix: adjust MessageBubble component to allow full-width rendering on medium screens feat: enhance ConversationTitle component with full-width styling and click handler for title retrieval feat: add abort signal support for fetch and stream response handling in Chat component feat: add usage tracking and timestamps to ChatStoreMessage structure pwa feat: update theme colors to black in manifest and Vite config display standlone feat: add smooth scrolling to messages in Chatbox component feat: add handleNewChatStore function to App context and integrate in Chatbox for new chat functionality feat: refactor MessageBubble component to use ChatBubble and improve structure refactor(MessageBubble): move TTSPlay component into message area and reorganize action buttons ui(navbar): improve cost breakdown clarity and add accumulated cost tracking Revert "feat: refactor MessageBubble component to use ChatBubble and improve structure" This reverts commit d16984c7da896ee0d047dca0be3f4ad1703a5d2c. display string mesasge trimed fix typo fix scroll after send fix(MessageBubble): trim whitespace from reasoning content display feat(sidebar): optimize mobile performance with CSS transitions - Refactored mobile sidebar implementation to use direct CSS transforms instead of Sheet component - Added static overlay mask with opacity transition for mobile experience - Implemented custom close button with X icon to replace Sheet's default - Improved z-index handling for sidebar elements (chat-bubble z-index reduced to 30) - Preserved DOM structure during sidebar toggle to prevent unnecessary remounting - Unified PC/mobile behavior using CSS animation rather than dynamic mounting - Removed dependency on radix-ui Dialog components for mobile sidebar fix scroll fix sidebar style on mobile apply default render to markdown fix(ChatMessageList): set width to 100vw for full viewport coverage fix small overflow fix: overflow on PC break model name anywhere fix language
前排提示:滥用 API 或在不支持的地区调用 API 有被封号的风险 https://github.com/zhayujie/chatgpt-on-wechat/issues/423
建议自行搭建代理中转 API 请求,然后更改对话设置中的 API Endpoint 参数使用中转
具体反向代理搭建教程请参阅此 >>Wiki 页面<<
ChatGPT API WEB
ChatGPT API WEB 是为 ChatGPT 的日常用户和 Prompt 工程师设计的项目。它让你方便地在 PC 和移动端浏览器上使用 ChatGPT,并根据需要调整系统 Prompt 和修改 OpenAI 接口参数。你还可以重复生成、编辑消息(包括用户消息与 AI 消息),以更好地与 ChatGPT 进行交互。
无论你是 ChatGPT 的一般用户、想要定制 ChatGPT 的用户,还是 Prompt 工程师,这个项目都能满足你的需求。
与官方 ChatGPT 相比:
- API 调用速度更快更稳定
- 对话记录、API 密钥等使用浏览器的 localStorage 保存在本地
- 可编辑并删除对话消息
- 可以导入/导出整个历史对话记录
- 可以设置 system message (参见官方 API 文档) 例如:
-
You are a helpful assistant
-
你是一个专业英语翻译,把我说的话翻译成英语,为了保持通顺连贯可以适当修改内容。
-
根据我的要求撰写并修改商业文案
-
你是一个猫娘,你要用猫娘的语气说话
-
- 可以为不同对话设置不同 APIKEY
- 小(整个网页 30k 左右)
- 可以设置不同的 API Endpoint(方便墙内人士使用反向代理转发 API 请求)
- 支持 Whisper 语音转文字输入,将会使用历史对话记录和当前输入框内的文本作为 Prompt,提高专有名词识别率
- 支持 TTS API
- 支持 GPT-4v 图片输入
屏幕截图
使用
以下任意方式都可:
- 访问 github pages 部署 https://heimoshuiyu.github.io/chatgpt-api-web/
- 从 release 下载网页文件,或在 github pages 按
ctrl+s保存网页,然后双击打开 - 自行编译构建网页
默认参数继承
新建会话将会使用 URL 中设置的默认参数。
如果 URL 没有设置该参数,则使用 目前选中的会话 的参数
更改默认参数
key: OPENAI API KEY 默认为空sys: system message 默认为 "你是一个猫娘,你要模仿猫娘的语气说话"api: API Endpoint 默认为https://api.openai.com/v1/chat/completionsmode:fetch或stream模式,stream 模式下可以动态看到 api 返回的数据,但无法得知 token 数量,只能进行估算,在 token 数量过多时可能会裁切过多或过少历史消息dev: true / false 开发模式,这个模式下可以看到并调整更多参数temp: 温度,默认 1whisper-api: Whisper 语音转文字服务 API, 只有设置了此值后才会显示语音转文字按钮whisper-key: 用于 Whisper 服务的 key,如果留空则默认使用上方的 OPENAI API KEY
例如 http://localhost:1234/?key=xxxx&api=xxxx 那么 新创建 的会话将会使用该默认 API 和 API Endpoint
以上参数应用于单个对话,随时可在顶部更改
自行编译构建网页
yarn install
yarn build
构建产物在 dist 文件夹中
Description
v2.1.0
Latest
Languages
TypeScript
97.9%
CSS
1.3%
JavaScript
0.7%
HTML
0.1%
