【ChatGPT3.5】简洁风格DEMO [支持语音输入和朗读功能]-xqdoo00o

只要部署一个HTML文件，配合nginx反代使用。

Demo地址： https://xqdoo00o.github.io/chatgpt-web/ （使用需配置自定义API key，正常访问api.openai.com）

支持复制，刷新，语音输入，朗读，新会话等功能，可自定义非常多的选项。

不用搭建环境、编译等复杂步骤，使用起来非常简单。

项目地址：https://github.com/xqdoo00o/chatgpt-web

热议
推荐楼 xqdoo00o 2023-3-8 17:55:30

katex更好！ 加载更快了

增加好了

推荐楼 congtoukaisi 2023-3-6 09:36:47

就没有仿官方的么

推荐楼 lamb 2023-3-6 08:07:55

能不能让访客填写自己的key?

推荐楼 xqdoo00o 2023-3-5 21:40:04

没有代码块复制啊

一会儿加一下

2楼 莆田郑少斌 2023-3-5 00:41:51

没有代码块复制啊

3楼 机长 2023-3-5 01:26:38

这还不被刷欠费

4楼 netboy 2023-3-5 06:04:06

不错，支持一下

6楼 genexis 2023-3-5 21:42:36

7楼 学到了么 2023-3-5 21:48:03

大佬升级 增加块复制啊

8楼 神秘北极圈 2023-3-5 21:50:09

还是应该让用户放自己key，不然吃不消

9楼 xqdoo00o 2023-3-6 00:09:38

大佬升级 增加块复制啊

已经改好了

10楼 blacklife 2023-3-6 00:34:50

感谢分享，点赞！

12楼 happy61 2023-3-6 08:03:17

这个不错，我喜欢

13楼 lamb 2023-3-6 08:07:55

能不能让访客填写自己的key?

14楼 暗夜精灵 2023-3-6 08:13:55

感谢 大佬

15楼 TinFeng 2023-3-6 09:20:18

很不错

16楼 congtoukaisi 2023-3-6 09:36:47

就没有仿官方的么

17楼 yuqaf1989 2023-3-6 09:59:35

这还不被刷欠费

如果个人自用， 套个 nginx 的 basic auth走https 也是可以的， 两条location 都一定要加上参考 https://docs.nginx.com/nginx/admin-guide/security-controls/configuring-http-basic-authentication/

18楼 poly 2023-3-6 10:50:42

触发 API 调用频率限制，请稍后重试！这是什么问题

19楼 xqdoo00o 2023-3-6 11:08:08

触发 API 调用频率限制，请稍后重试！这是什么问题

就是用的太频繁了，超过一分钟20次请求 就会报错

20楼 xqdoo00o 2023-3-6 16:55:59

还是应该让用户放自己key，不然吃不消

让用户放自己key很难信任吧

22楼 xqdoo00o 2023-3-6 17:24:10

触发 API 调用频率限制，请稍后重试！

因为要配合nginx反代 添加自己的api key的

23楼 xuhao0080 2023-3-6 17:39:37

大佬能不能顺便支持一下mathjax

24楼 xqdoo00o 2023-3-7 16:10:12

大佬能不能顺便支持一下mathjax

今天有空可以加下，不过应该是katex

25楼 xuhao0080 2023-3-7 23:41:01

今天有空可以加下，不过应该是katex

katex更好！ 加载更快了

26楼 xqdoo00o 2023-3-8 17:55:30

katex更好！ 加载更快了

增加好了

27楼 xqdoo00o 2023-3-13 22:12:55

能不能让访客填写自己的key?

修改好了

28楼 Tou 2023-3-13 22:41:44

写的挺好的，支持一下

29楼 lamb 2023-3-13 22:57:11

修改好了

支持大佬，加到我的博客上刚刚好

30楼 xqdoo00o 2023-3-14 20:38:35

增加了系统角色和性格选项

32楼 lamb 2023-3-15 22:53:13

修复了卡顿，可以更新下

好，刚刚更新完，给大佬点个赞

33楼 张大牛 2023-3-16 01:01:37

战略性make

34楼 niwentao 2023-3-16 10:28:57

Mark

35楼 xqdoo00o 2023-3-18 16:34:46

好，刚刚更新完，给大佬点个赞

更新了朗读功能，edge上使用最佳

37楼 xqdoo00o 2023-3-18 19:45:29

太棒了，不过我触发了一个错误：触发API调用频率限制，请稍后重试！

我不知道是否是交谈的内容出了问题， ...

这段对话之前有其他对话吗，开启连续对话了吗， 开启长回复了吗

38楼 zhongziso 2023-3-18 19:55:10

mark

39楼 ChristineQAQ 2023-3-18 21:16:18

是不是单次对话有上限啊，好像问的问题多了他就会提示api调用频繁

40楼 燕十三丶 2023-3-18 21:18:04

不错的项目

42楼 lamb 2023-3-18 23:07:45

更新了朗读功能，edge上使用最佳

好，我去更新试试

43楼 poly 2023-3-18 23:28:15

可以了，上次的有问题，这个很棒

44楼 hdown 2023-3-21 10:55:47

对，默认4096token，你可以把设置里 连续对话关掉

4096个词语吗？还是4096次对话？

45楼 1518704474 2023-3-21 16:46:54

大佬，反代怎么弄啊，小白不懂怎么在宝塔里弄

46楼 进来看看 2023-3-21 16:58:02

真心不错，速度很快，功能又全，用着很舒服啊，

47楼 xqdoo00o 2023-3-22 16:09:19

4096个词语吗？还是4096次对话？

都不是，openai有自己的计算规则，中文大概是1个汉字=1个token，英文的话一个单词=1个token

48楼 genexis 2023-3-22 16:37:37

有宝塔教程吗，不会反向代理

49楼 cg865 2023-3-22 17:33:10

MARK
这个要支持。

50楼 genexis 2023-3-22 19:50:23

大佬这个怎么解决，文件有bug？

52楼 大兔子 2023-3-22 20:30:57

你们搞定了，我怎么弄都是不行啊，是啥问题

53楼 shawpan 2023-3-22 20:44:50

mark

54楼 xqdoo00o 2023-3-22 21:11:15

大佬这个怎么解决，文件有bug？

直接网页打开这个接口地址，如果显示404就是没部署好反代

改成

https://api.openai.com/v1/chat/completions

，把api.openai.com加入代理列表。也可以用的。

56楼 genexis 2023-3-22 21:37:23

因为国内openai接口被Q了，所以要搭配nginx反代的。如果没反代的话，HTML里的改成 ，把api.openai.com ...

感谢，这样成功了

57楼 genexis 2023-3-22 21:46:15

因为国内openai接口被Q了，所以要搭配nginx反代的。如果没反代的话，HTML里的改成 ，把api.openai.com ...

但是这样改，不翻墙永不了了。机器是美国的，api.openai.com可以正常访问。

58楼 lamb 2023-3-22 21:47:50

但是这样改，不翻墙永不了了。机器是美国的，api.openai.com可以正常访问。 ...

他好像是本地发起请求的，所以用cf反代一下就行了

59楼 xqdoo00o 2023-3-22 21:49:47

但是这样改，不翻墙永不了了。机器是美国的，api.openai.com可以正常访问。 ...

你的nginx反代配置是啥样的

60楼 genexis 2023-3-22 21:52:50

你的nginx反代配置是啥样的

62楼 genexis 2023-3-22 22:06:26

反代就是个proxy_pass吧哪儿来的路径呢？

64楼 genexis 2023-3-22 22:13:09

比如说示例里的都是在/路径下。如果你的html地址是www.aaa.com/chatgpt/index.html, 那反代接口nginx的lo ...

网址就是xxx.com/index.html,应该没有错

65楼 爱国者捣蛋 2023-3-23 16:43:21

这里最后配置的index index.html;就是你的html文件吧。html要跟反代接口要在同一路径下，比如说示例里的 ...

我在bt里改也报错
请问怎么才能用本地默认的key呢（不让用户输入了）

66楼 xqdoo00o 2023-3-23 22:12:20

我在bt里改也报错
请问怎么才能用本地默认的key呢（不让用户输入了）

key不能直接放HTML里吧，不安全。
加个反代默认就是用nginx设置的api key.
就算是让用户输入apikey也是记住的，下次用不用输入了。

67楼 kknd22 7天前

key不能直接放HTML里吧，不安全。
加个反代默认就是用nginx设置的api key.
就算是让用户输入apikey也是记 ...

key要是想写死的话，放到哪里呢？

68楼 klocal 7天前

大佬，这个key 到底如何填呢，怎么都是提示触发api调用频率，我觉得是我填写的位置不对。

69楼 xqdoo00o 7天前

大佬，这个key 到底如何填呢，怎么都是提示触发api调用频率，我觉得是我填写的位置不对。 ...

十有**是nginx反代没部署对。
国内直接使用openai接口是被Q的，所以要搭配nginx反代，并且反代服务器要正常访问api.openai.com
如果没有部署反代的话，index.html里的v1/chat/completions改成https://api.openai.com/v1/chat/completions，并把接口地址api.openai.com加到梯子代理列表，只部署HTML文件的话也能用。（如果是其他用户使用，也要梯子才能用）

70楼 xqdoo00o 7天前

key要是想写死的话，放到哪里呢？

放到nginx反代里，就写死了。

72楼 klocal 7天前

#开启openai接口的gzip压缩，大量重复文本的压缩率高，节省服务端流量
gzipon;
gzip_min_length 1k;
gzip_types text/event-stream;

#如需部署在网站子路径，如/chatgpt，配置如下
#location ^~ /chatgpt/v1 {
location ^~ /www/wwwroot/{
proxy_pass https://api.openai.com/v1;
proxy_set_header Host api.openai.com;
#如需用户自定义API key，可注释掉下一行配置
proxy_set_headerAuthorization "";
proxy_pass_header Authorization;
#流式传输，不关闭buffering缓存会卡顿卡死，必须配置！！！
proxy_buffering off;

}
#与上面反代接口的路径保持一致
#location /chatgpt {
location / {
alias /www/wwwroot/;
index index.html;
}

这个这样填写是否正确呢？

73楼 thaizxj 7天前

收藏备用

74楼 kknd22 7天前

放到nginx反代里，就写死了。

大佬我想放到那个单文件里，因为我不会配nginx。。。

75楼 xqdoo00o 7天前

大佬我想放到那个单文件里，因为我不会配nginx。。。

不配nginx的话，要连着梯子才能用。
你可以把index.html里的v1/chat/completions改成https://api.openai.com/v1/chat/completions，并把接口地址api.openai.com加到梯子代理列表。只部署HTML文件，Demo设置里填key，连着梯子就能用了
或者直接我的Demo地址https://xqdoo00o.github.io/chatgpt-web/

76楼 xqdoo00o 7天前

#开启openai接口的gzip压缩，大量重复文本的压缩率高，节省服务端流量
gzipon;
gzip_min_length 1k;

嗯，把这些配置放到nginx的server配置里

77楼 klocal 7天前

嗯，把这些配置放到nginx的server配置里

大佬 就是这么放结果还是不行啊

78楼 klocal 7天前

不配nginx的话，要连着梯子才能用。
你可以把index.html里的v1/chat/completions改成https://api.openai. ...

这个可以了

79楼 kknd22 6天前

不配nginx的话，要连着梯子才能用。
你可以把index.html里的v1/chat/completions改成https://api.openai. ...

我发现我不用t子就能用，但是我想把这个发布出来，手机能用，所以想把key直接写死在html里，现在情况是，我直接把key放到input class="inputTextClass" 的那个placeholder=里，结果不管用，请问应该怎么写呢？

80楼 aqinhai 6天前

怎么添加默认KEY

82楼 kknd22 4天前

放value=里，但是这样，key很容易泄露的，除非加密码啥的

不知为何，一直弹触发调用频率。。

83楼 四面楚歌 3天前

感谢开源！缺个余额

84楼 hanxi 3天前

嗯，把这些配置放到nginx的server配置里

国外服务器不用配梯子也能用吧?!

85楼 hanxi 3天前

genexis 发表于 2023-3-22 21:52

sk前面得有Bearer
注意看他原来的格式

86楼 xqdoo00o 3天前

国外服务器不用配梯子也能用吧?!

确实

87楼 四面楚歌 1小时前

大佬，前面近一周都正常，昨天一共只用了0.01$，一直触发API调用频率限制，请稍后重试！

申明：本文内容由网友收集分享，仅供学习参考使用。如文中内容侵犯到您的利益，请在文章下方留言，本站会第一时间进行处理。