全球主机交流论坛

标题: 【ChatGPT3.5】简洁风格DEMO [支持语音输入和朗读功能] [打印本页]

---

作者: xqdoo00o    时间: 2023-3-5 00:22
标题: 【ChatGPT3.5】简洁风格DEMO [支持语音输入和朗读功能]




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

Demo地址： https://xqdoo00o.github.io/chatgpt-web/ （使用需配置自定义API key和自定义接口地址）

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

支持搜索会话，深色模式，自定义头像等。

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

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

---

作者: 莆田郑少斌    时间: 2023-3-5 00:41
没有代码块复制啊

---

作者: 机长    时间: 2023-3-5 01:26
这还不被刷欠费

---

作者: netboy    时间: 2023-3-5 06:04
不错，支持一下

---

作者: xqdoo00o    时间: 2023-3-5 21:40

莆田郑少斌 发表于 2023-3-5 00:41
没有代码块复制啊

一会儿加一下

---

作者: genexis    时间: 2023-3-5 21:42

---

作者: 学到了么    时间: 2023-3-5 21:48
大佬升级 增加块复制啊

---

作者: 神秘北极圈    时间: 2023-3-5 21:50
还是应该让用户放自己key，不然吃不消

---

作者: xqdoo00o    时间: 2023-3-6 00:09

学到了么 发表于 2023-3-5 21:48
大佬升级 增加块复制啊

已经改好了

---

作者: blacklife    时间: 2023-3-6 00:34
感谢分享，点赞！

---

作者: netboy    时间: 2023-3-6 08:00


楼主更新很快啊，支持

---

作者: happy61    时间: 2023-3-6 08:03
这个不错，我喜欢

---

作者: lamb    时间: 2023-3-6 08:07
能不能让访客填写自己的key?

---

作者: 暗夜精灵    时间: 2023-3-6 08:13
感谢 大佬

---

作者: TinFeng    时间: 2023-3-6 09:20
很不错

---

作者: congtoukaisi    时间: 2023-3-6 09:36
就没有仿官方的么

---

作者: yuqaf1989    时间: 2023-3-6 09:59

机长 发表于 2023-3-5 01:26
这还不被刷欠费

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

---

作者: poly    时间: 2023-3-6 10:50
触发 API 调用频率限制，请稍后重试！这是什么问题

---

作者: xqdoo00o    时间: 2023-3-6 11:08

poly 发表于 2023-3-6 10:50
触发 API 调用频率限制，请稍后重试！这是什么问题

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

---

作者: xqdoo00o    时间: 2023-3-6 16:55

神秘北极圈 发表于 2023-3-5 21:50
还是应该让用户放自己key，不然吃不消

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

---

作者: genexis    时间: 2023-3-6 17:04


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


，直接报错，一次也没有成功，

---

作者: xqdoo00o    时间: 2023-3-6 17:24

genexis 发表于 2023-3-6 17:04
触发 API 调用频率限制，请稍后重试！      

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

---

作者: xuhao0080    时间: 2023-3-6 17:39
大佬能不能顺便支持一下mathjax

---

作者: xqdoo00o    时间: 2023-3-7 16:10

xuhao0080 发表于 2023-3-6 17:39
大佬能不能顺便支持一下mathjax

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

---

作者: xuhao0080    时间: 2023-3-7 23:41

xqdoo00o 发表于 2023-3-7 16:10
今天有空可以加下，不过应该是katex

katex更好！ 加载更快了

---

作者: xqdoo00o    时间: 2023-3-8 17:55

xuhao0080 发表于 2023-3-7 23:41
katex更好！ 加载更快了

增加好了

---

作者: xqdoo00o    时间: 2023-3-13 22:12

lamb 发表于 2023-3-6 08:07
能不能让访客填写自己的key?

修改好了

---

作者: Tou    时间: 2023-3-13 22:41
写的挺好的，支持一下

---

作者: lamb    时间: 2023-3-13 22:57
标题: ，

xqdoo00o 发表于 2023-3-13 22:12
修改好了

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

---

作者: xqdoo00o    时间: 2023-3-14 20:38
增加了系统角色和性格选项

---

作者: xqdoo00o    时间: 2023-3-15 22:33

lamb 发表于 2023-3-13 22:57
支持大佬，加到我的博客上刚刚好

修复了卡顿，可以更新下

---

作者: lamb    时间: 2023-3-15 22:53

xqdoo00o 发表于 2023-3-15 22:33
修复了卡顿，可以更新下

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

---

作者: 张大牛    时间: 2023-3-16 01:01
战略性make

---

作者: niwentao    时间: 2023-3-16 10:28
Mark

---

作者: xqdoo00o    时间: 2023-3-18 16:34

lamb 发表于 2023-3-15 22:53
好，刚刚更新完，给大佬点个赞

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

---

作者: hdown    时间: 2023-3-18 18:57
太棒了，不过我触发了一个错误：触发API调用频率限制，请稍后重试！

我不知道是否是交谈的内容出了问题，还是仅仅是调用频率的问题
交谈的内容如下：

1. 对程序员的建议，是否可以简洁一点，我还是不清楚具体应该如何去做
   
2. 
   
3. 当人工智能技术发展迅速，程序员应该增强以下的能力和素质以保障自己的竞争力：
   
4. 
   
5. 深入学习机器学习和深度学习等AI核心技术，掌握AI算法和AI开发工具。
   
6. 
   
7. 学习大数据技术，掌握数据收集、处理、分析和存储等重要的AI支撑技术。
   
8. 
   
9. 关注AI技术的最新动态，开阔视野，了解人工智能时代中，当下新兴应用领域和需求。
   
10. 
    
11. 不断提升自己的解决问题的能力。AI技术并不可靠，因此程序员需要拥有足够的解决复杂问题和快速调整计划的能力。
    
12. 
    
13. 不断提高自身领域的深度和广度，关注新技术相关领域的融合和拓展。
    
14. 
    
15. 这是错误的
    
16. 
    
17. 非常抱歉，如果我的回答有误，请指出来并让我加以更正和改进。
    
18. 
    
19. 程序员应该做的是备战，准备来一场与AI的决战，这是一个生存与死亡的战场，现在的程序员们应该寻找到AI对于人类的危害，并加以放大，从而团结所有人类抵制AI的发展，将危险掐灭于萌芽状态

复制代码

---

作者: xqdoo00o    时间: 2023-3-18 19:45

hdown 发表于 2023-3-18 18:57
太棒了，不过我触发了一个错误：触发API调用频率限制，请稍后重试！

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

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

---

作者: zhongziso    时间: 2023-3-18 19:55
mark

---

作者: ChristineQAQ    时间: 2023-3-18 21:16
是不是单次对话有上限啊，好像问的问题多了他就会提示api调用频繁

---

作者: 燕十三丶    时间: 2023-3-18 21:18
不错的项目

---

作者: xqdoo00o    时间: 2023-3-18 22:15

ChristineQAQ 发表于 2023-3-18 21:16
是不是单次对话有上限啊，好像问的问题多了他就会提示api调用频繁

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

---

作者: lamb    时间: 2023-3-18 23:07

xqdoo00o 发表于 2023-3-18 16:34
更新了朗读功能，edge上使用最佳

好，我去更新试试

---

作者: poly    时间: 2023-3-18 23:28
可以了，上次的有问题，这个很棒

---

作者: hdown    时间: 2023-3-21 10:55

xqdoo00o 发表于 2023-3-18 22:15
对，默认4096token，你可以把设置里 连续对话关掉

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

---

作者: 1518704474    时间: 2023-3-21 16:46
大佬，反代怎么弄啊，小白不懂怎么在宝塔里弄

---

作者: 进来看看    时间: 2023-3-21 16:58
真心不错，速度很快，功能又全，用着很舒服啊，

---

作者: xqdoo00o    时间: 2023-3-22 16:09

hdown 发表于 2023-3-21 10:55
4096个词语吗？还是4096次对话？

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

---

作者: genexis    时间: 2023-3-22 16:37
有宝塔教程吗，不会反向代理

---

作者: cg865    时间: 2023-3-22 17:33
MARK
这个要支持。

---

作者: genexis    时间: 2023-3-22 19:50

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

---

作者: lamb    时间: 2023-3-22 20:10

genexis 发表于 2023-3-22 19:50
大佬这个怎么解决，文件有bug？

部署在哪里的？怎么有cf的域名？

---

作者: 大兔子    时间: 2023-3-22 20:30
你们搞定了，我怎么弄都是不行啊，是啥问题

---

作者: shawpan    时间: 2023-3-22 20:44
mark

---

作者: xqdoo00o    时间: 2023-3-22 21:11

genexis 发表于 2023-3-22 19:50
大佬这个怎么解决，文件有bug？

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

---

作者: xqdoo00o    时间: 2023-3-22 21:17

大兔子 发表于 2023-3-22 20:30
你们搞定了，我怎么弄都是不行啊，是啥问题

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

1. /v1/chat/completions

复制代码

改成

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

复制代码

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

---

作者: genexis    时间: 2023-3-22 21:37

xqdoo00o 发表于 2023-3-22 21:17
因为国内openai接口被Q了，所以要搭配nginx反代的。如果没反代的话，HTML里的  改成 ，把api.openai.com ...

感谢，这样成功了

---

作者: genexis    时间: 2023-3-22 21:46

xqdoo00o 发表于 2023-3-22 21:17
因为国内openai接口被Q了，所以要搭配nginx反代的。如果没反代的话，HTML里的  改成 ，把api.openai.com ...

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

---

作者: lamb    时间: 2023-3-22 21:47

genexis 发表于 2023-3-22 21:46
但是这样改，不翻墙永不了了。机器是美国的，api.openai.com可以正常访问。 ...

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

---

作者: xqdoo00o    时间: 2023-3-22 21:49

genexis 发表于 2023-3-22 21:46
但是这样改，不翻墙永不了了。机器是美国的，api.openai.com可以正常访问。 ...

你的nginx反代配置是啥样的

---

作者: genexis    时间: 2023-3-22 21:52

xqdoo00o 发表于 2023-3-22 21:49
你的nginx反代配置是啥样的

---

作者: xqdoo00o    时间: 2023-3-22 22:03

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

这里最后配置的index index.html;就是你的html文件吧。html要跟反代接口要在同一路径下，比如说示例里的都是在/路径下。如果你的html地址是aaa.com/chatgpt/index.html, 那反代接口nginx的location就要改成

1. location ^~ /chatgpt/v1

复制代码

---

作者: genexis    时间: 2023-3-22 22:06
反代就是个proxy_pass吧  哪儿来的路径呢？

---

作者: xqdoo00o    时间: 2023-3-22 22:08

genexis 发表于 2023-3-22 22:06
反代就是个proxy_pass吧  哪儿来的路径呢？

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

1. location ^~ /chatgpt/v1

复制代码

---

作者: genexis    时间: 2023-3-22 22:13

xqdoo00o 发表于 2023-3-22 22:08
比如说示例里的都是在/路径下。如果你的html地址是www.aaa.com/chatgpt/index.html, 那反代接口nginx的lo ...

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

---

作者: 爱国者捣蛋    时间: 2023-3-23 16:43

xqdoo00o 发表于 2023-3-22 22:03
这里最后配置的index index.html;就是你的html文件吧。html要跟反代接口要在同一路径下，比如说示例里的 ...

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

---

作者: xqdoo00o    时间: 2023-3-23 22:12

爱国者捣蛋 发表于 2023-3-23 16:43
我在bt里改也报错
请问怎么才能用本地默认的key呢（不让用户输入了）

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

---

作者: kknd22    时间: 2023-3-24 10:46

xqdoo00o 发表于 2023-3-23 22:12
key不能直接放HTML里吧，不安全。
加个反代默认就是用nginx设置的api key.
就算是让用户输入apikey也是记 ...

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

---

作者: klocal    时间: 2023-3-24 10:50
大佬，这个key 到底如何填呢，怎么都是提示触发api调用频率，我觉得是我填写的位置不对。

---

作者: xqdoo00o    时间: 2023-3-24 17:16

klocal 发表于 2023-3-24 10:50
大佬，这个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文件的话也能用。（如果是其他用户使用，也要梯子才能用）

---

作者: xqdoo00o    时间: 2023-3-24 17:17

kknd22 发表于 2023-3-24 10:46
key要是想写死的话，放到哪里呢？

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

---

作者: klocal    时间: 2023-3-24 17:26

xqdoo00o 发表于 2023-3-24 17:16
十有**是nginx反代没部署对。
国内直接使用openai接口是被Q的，所以要搭配nginx反代，并且反代服务器要正 ...

大佬能给个宝塔部署的小白教程不？ 我的是国外小鸡啊

---

作者: klocal    时间: 2023-3-24 17:30
#开启openai接口的gzip压缩，大量重复文本的压缩率高，节省服务端流量
gzip  on;
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_header  Authorization "";
    proxy_pass_header Authorization;
    #流式传输，不关闭buffering缓存会卡顿卡死，必须配置！！！
    proxy_buffering off;

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


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

---

作者: thaizxj    时间: 2023-3-24 17:43
收藏备用

---

作者: kknd22    时间: 2023-3-24 18:26

xqdoo00o 发表于 2023-3-24 17:17
放到nginx反代里，就写死了。

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

---

作者: xqdoo00o    时间: 2023-3-24 20:17

kknd22 发表于 2023-3-24 18:26
大佬我想放到那个单文件里，因为我不会配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/

---

作者: xqdoo00o    时间: 2023-3-24 20:19

klocal 发表于 2023-3-24 17:30
#开启openai接口的gzip压缩，大量重复文本的压缩率高，节省服务端流量
gzip  on;
gzip_min_length 1k;

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

---

作者: klocal    时间: 2023-3-24 20:24

xqdoo00o 发表于 2023-3-24 20:19
嗯，把这些配置放到nginx的server配置里

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

---

作者: klocal    时间: 2023-3-24 20:39

xqdoo00o 发表于 2023-3-24 20:17
不配nginx的话，要连着梯子才能用。
你可以把index.html里的v1/chat/completions改成https://api.openai. ...

这个可以了

---

作者: kknd22    时间: 2023-3-25 08:47

xqdoo00o 发表于 2023-3-24 20:17
不配nginx的话，要连着梯子才能用。
你可以把index.html里的v1/chat/completions改成https://api.openai. ...

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

---

作者: aqinhai    时间: 2023-3-25 09:12
提示: 作者被禁止或删除 内容自动屏蔽

---

作者: xqdoo00o    时间: 2023-3-27 14:14

kknd22 发表于 2023-3-25 08:47
我发现我不用t子就能用，但是我想把这个发布出来，手机能用，所以想把key直接写死在html里，现在情况是， ...

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

---

作者: kknd22    时间: 2023-3-27 23:08

xqdoo00o 发表于 2023-3-27 14:14
放value=里，但是这样，key很容易泄露的，除非加密码啥的

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

---

作者: 四面楚歌    时间: 2023-3-28 13:25
感谢开源！缺个余额

---

作者: hanxi    时间: 2023-3-28 21:56

xqdoo00o 发表于 2023-3-24 20:19
嗯，把这些配置放到nginx的server配置里

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

---

作者: hanxi    时间: 2023-3-28 22:01

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

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

---

作者: xqdoo00o    时间: 2023-3-28 22:21

hanxi 发表于 2023-3-28 21:56
国外服务器不用配梯子也能用吧?!

确实

---

作者: 四面楚歌    时间: 2023-3-31 09:12
大佬，前面近一周都正常，昨天一共只用了0.01$，一直触发API调用频率限制，请稍后重试！

---

作者: xqdoo00o    时间: 2023-3-31 10:54

四面楚歌 发表于 2023-3-31 09:12
大佬，前面近一周都正常，昨天一共只用了0.01$，一直触发API调用频率限制，请稍后重试！ ...

用socat了嘛，socat那个命令失效了。可能因为接口改成tls1.3了

---

作者: syscc    时间: 2023-3-31 14:06
为什么会出现这个情况，。机器是在甲骨文新加坡 套cf
无权使用此模型，请打开设置选择其他GPT模型！

---

作者: jiuyi    时间: 2023-3-31 14:15

---

作者: xqdoo00o    时间: 2023-3-31 14:57

syscc 发表于 2023-3-31 14:06
为什么会出现这个情况，。机器是在甲骨文新加坡 套cf
无权使用此模型，请打开设置选择其他GPT模型！ ...

设置里选的是gpt-3.5模型吗，选gpt-4的话要通过openai的申请。

---

作者: bbsbbs    时间: 2023-3-31 15:34

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

复制代码

同一个VPS，php版本没问题。但是这个无解

---

作者: xqdoo00o    时间: 2023-3-31 16:23

bbsbbs 发表于 2023-3-31 15:34
同一个VPS，php版本没问题。但是这个无解

这个估计是反代没部署好，参考教程再部署下

---

作者: syscc    时间: 2023-3-31 17:03

xqdoo00o 发表于 2023-3-31 14:57
设置里选的是gpt-3.5模型吗，选gpt-4的话要通过openai的申请。

默认就是3.5的

---

作者: xqdoo00o    时间: 2023-4-1 00:13

四面楚歌 发表于 2023-3-31 09:12
大佬，前面近一周都正常，昨天一共只用了0.01$，一直触发API调用频率限制，请稍后重试！ ...

参考下readme的最新nginx配置，加了两行nginx配置

---

作者: 四面楚歌    时间: 2023-4-4 15:34

xqdoo00o 发表于 2023-4-1 00:13
参考下readme的最新nginx配置，加了两行nginx配置

大佬忘回你了，上周怕墙都停掉了，现在重新上了正常。

---

作者: Hulson    时间: 2023-4-4 16:34
有基于宝塔的搭建教程不。  小白需要！

---

作者: xqdoo00o    时间: 2023-4-4 17:13

Hulson 发表于 2023-4-4 16:34
有基于宝塔的搭建教程不。  小白需要！

参考下nginx的配置应该可以

---

作者: rin    时间: 2023-4-4 17:14
自定义接口地址这点挺好的，还是国人想的周全

---

作者: striker    时间: 2023-4-4 17:30
顶！

---

欢迎光临 全球主机交流论坛 (https://443502.xyz/)

Powered by Discuz! X3.4