Home

Awesome

chatgpt-web

Pure Javascript ChatGPT demo based on OpenAI API

纯JS实现的ChatGPT项目,基于OpenAI API

部署一个HTML文件即可使用。

支持复制/更新/刷新会话,语音输入,朗读等功能,以及众多自定义选项

支持搜索会话,深色模式,自定义头像,快捷键,多语言,环境变量PWA应用,API额度显示等。

支持加密HTML文件

参考项目: markdown-it, highlight.js, github-markdown-css, chatgpt-html, markdown-it-copy, markdown-it-texmath, awesome-chatgpt-prompts-zh

示例

Demo

在线预览 (使用需配置OpenAI接口和API密钥)

使用方法

注意:部署反代接口请注意OpenAI的支持地区,部署在不支持地区的服务器可能导致封号!最好配置https,公网以http方式明文传输API key非常不安全!


环境变量

OpenAI接口和密钥可以单独在环境变量文件中配置。

新建环境变量文件env.js到index.html同目录下,示例如下。

envAPIEndpoint="https://api.openai.com/"
envAPIKey="sk-your-token"

PWA应用

部署文件icon.pngmanifest.jsonsw.js到index.html同目录下,即可支持PWA应用。

注意:如果重命名index.html使用,则sw.js文件中./index.html也需修改。

部署PWA应用后,更新html文件需同步更新sw.js,不然无法更新成功。

自定义选项

加密HTML文件

使用加密网页可加密index.html文件。

注意:该方式仅加密前端HTML,不加密OpenAI反代接口。

可取消OpenAI反代接口的默认API密钥,打开index.html代码,此行结尾添加代码value="sk-xxx",则默认使用该密钥