上一主题 下一主题
ScriptCat,新一代的脚本管理器脚本站,与全世界分享你的用户脚本油猴脚本开发指南教程目录
12下一页
返回列表 发新帖

草履虫都能看懂的chatGPT-AI接入谷歌必应实战教学(一)开端

[复制链接]
  • TA的每日心情
    开心
    昨天 01:19
  • 签到天数: 49 天

    [LV.5]常住居民I

    15

    主题

    79

    帖子

    162

    积分

    荣誉开发者

    Rank: 10Rank: 10Rank: 10

    积分
    162

    油中2周年新人报道荣誉开发者国庆纪念章

    发表于 2022-12-12 21:33:44 | 显示全部楼层 | 阅读模式

    本帖最后由 bigonion 于 2022-12-14 19:53 编辑

    本帖最后由 bigonion 于 2022-12-14 00:25 编辑

    chatGPT 接入搜索引擎实战教学(一)开端

    chatGPT tools plus++

    example example example example

    English Version

    难度级别

    • 草履虫
    • 大妈
    • 小学生
    • 博士生

    起因

    chatGPT出来之后就想做一个嵌入搜索引擎的快捷搜索脚本,同时又看到了插件版的出现,本着油猴能做到的事情就别用插件的基本原则,于是开启了这个项目

    工具

    edge&&chrome

    油猴第一步,抓包

    这是原页面,那么我们要怎么抓包呢?对于Http包,我们在浏览器就可以抓到啦,chrome按下F12,来到network/网络这个选项
    Alt text
    Alt text
    在向服务器发送一段问题的时候抓取报文我们可以清晰可见的看到已经出现了两个包了一个是moderations 一个是 conversations
    走,看看去Alt text
    啊咧这响应是啥,应该不是这个包
    那应该是第二个了吧!Alt text
    我去这更离奇了,EventStream是什么啊,从来没见过,而且这里怎么是全白的啊??

    完了,难道我的梦想就要破碎了吗,难道我只能止步于此了吗?

    噢不,我还会查!
    查啊差啊查,找到了zhengbangbo大佬的脚本https://greasyfork.org/zh-CN/scripts/456077-chat-gpt-search-sidebar但是他也不会接收eventStream类型的传输!但是他提供了一个思路,就是用onloadend方法是可以接收到完整数据的,那么我们暂且不用管eventStream这件事情,先做出个样子出来!首先我们已经确认了真正的问题请求包是在conversation那么第一步我们看看这个conversations到底发了什么玩意吧!Alt text
    可以很清楚看到里面的JSON结构

    {
        "action":"next",
        "messages":[
            {
                "id":"a51f4c6b-2539-4553-8b82-393477cde311",
                "role":"user",
                "content":{
                    "content_type":"text",
                    "parts":[
                        "你好"
                    ]
                }
            }
        ],
        "parent_message_id":"0eedea18-20ca-47a8-8a65-1b2aa6d1d069",
        "model":"text-davinci-002-render"
    }

    先找不变的量action一直都是next,role一直是user,content_type是text,model是text-davinci-002-renderId和parentId是用的UUIDv4的生成函数,parts里面是你的问题数组,好了我们开始构造发包内容吧,这里用到且必须使用油猴提供的GM函数,因为涉及到跨域问题,不懂跨域?点我了解跨域 , 所以这里用的是GM_xmlhttpRequest函数,想要使用,必须在头部里面申请

    // @grant       GM_xmlhttpRequest

    接下来是对请求头的构造,查看原头有 Authorization:
    Alt text是比较重要的头其他都基本可以忽略,具体怎么获取就在控制台里写着呢,自己复制粘贴authorization后面的内容

    好了开始构造

           GM_xmlhttpRequest({
                method: "POST",
                url: "https://chat.openai.com/backend-api/conversation",
                headers: {
                    "Content-Type": "application/json",
                    "Authorization": `your_cookie`,
                },
                data: JSON.stringify({
                    action: "next",
                    messages: [
                        {
                            id: uuid(),
                            role: "user",
                            content: {
                                content_type: "text",
                                parts: [your_qus],
                            },
                        },
                    ],
                    model: "text-davinci-002-render",
                    parent_message_id: uuid(),
                }),
    
                onloadend: function (data) {
                    console.log(data)
                },
    
                onerror: function (err) {
                    console.log(err)
                },
                ontimeout: function (err) {
                    console.log(err)
                }
            })

    好的具体什么意思呢,让我们一行一行给草履虫们来解释吧!Alt text

    • method:指的是请求方式,一般POST被认为是提交给服务器,GET被认为是向服务器拿东西,从抓包信息可以看到
    • url:请求的URL地址,从抓包信息可以看到
    • data:指的是你要给服务器发送的数据,为什么要JSON.stringify,因为他只能接收字符串,不支持JSON格式,但是JSON格式方便你自己理解和撰写代码
    • onloadend:指的是请求结束之后,对数据进行接收和回调处理,第一个参数默认就是返回的数据
    • onerror,ontimeout顾名思义,超市,错误的回调函数

    好了这下试试看能不能行,哇,果然拿到了
    但是怎么这么乱啊,于是对其进行一点简单的处理就可以拿到数据了参考zhengbangbo处理

    if (data.response) {
                        const answer = JSON.parse(data.response.split("\n\n").slice(-3, -2)[0].slice(6)).message.content.parts[0]
                        document.getElementById('gptAnswer').innerHTML=answer
                    }

    好了我们成功拿到数据了!这个脚本算是成功一大半了

    可是,我们没法做到数据开始传输的时候就进行显示和接收,这是EventStream类型的特征,而油猴没办法做到EventStream接收,问了很多人(包括道哥)也没有结果,查了很久也没有方法,这就导致了要化很长很长的时间去等待接受完毕再展示出来,这对于用户体验上来说是难以接受的

    前前后后找到了MDN对于此数据类型接收的解释https://developer.mozilla.org/zh-CN/docs/Web/API/ReadableStream但是他用的是fetch方法来调用,这个对于油猴并没有什么价值查看插件版用的方法,是fetchSSE方法,对油猴也毫无帮助

    真的累了

    可能有时候,付出并没有什么用吧,无尽的付出,甚至连岁月的缺口,都填不上


    欸,油猴脚本注定将会被商店插件踩在脚下了






















    吗?








    (一)完结




    传送门

  • TA的每日心情
    无聊
    3 天前
  • 签到天数: 136 天

    [LV.7]常住居民III

    216

    主题

    2815

    帖子

    2821

    积分

    管理员

    Rank: 10Rank: 10Rank: 10

    积分
    2821

    荣誉开发者喜迎中秋热心会员活跃会员突出贡献三好学生管理员油中2周年

    发表于 2022-12-12 21:55:24 | 显示全部楼层
    tips:GM_xhr也有一个fetch:true的参数

    tipss:fetch和xhr只是两种方法而已,也可以发送正确的请求滴

    tipsss:等待哥哥下一章!
    上不慕古,下不肖俗。为疏为懒,不敢为狂。为拙为愚,不敢为恶。/ 微信公众号:一之哥哥
    回复

    使用道具 举报

  • TA的每日心情
    开心
    昨天 01:19
  • 签到天数: 49 天

    [LV.5]常住居民I

    15

    主题

    79

    帖子

    162

    积分

    荣誉开发者

    Rank: 10Rank: 10Rank: 10

    积分
    162

    油中2周年新人报道荣誉开发者国庆纪念章

    发表于 2022-12-12 22:27:06 | 显示全部楼层
    王一之 发表于 2022-12-12 21:55
    tips:GM_xhr也有一个fetch:true的参数

    tipss:fetch和xhr只是两种方法而已,也可以发送正确的请求滴

    一之gg说得对,但是油猴fetch功能是beta版的,官方文档也指出存在一定的问题,而且处理方式参数调用也和其他fetch函数完全不同,关于fetch方法我最后也会在本系列中阐述的

    ```
    fetch (beta) use a fetch instead of a xhr request
    (at Chrome this causes details.timeout and xhr.onprogress to not work and makes xhr.onreadystatechange receive only readyState 4 events)
    ```
    回复

    使用道具 举报

  • TA的每日心情
    慵懒
    2022-3-8 11:41
  • 签到天数: 2 天

    [LV.1]初来乍到

    21

    主题

    624

    帖子

    1080

    积分

    荣誉开发者

    Rank: 10Rank: 10Rank: 10

    积分
    1080

    卓越贡献活跃会员热心会员突出贡献三好学生荣誉开发者喜迎中秋油中2周年

    发表于 2022-12-12 22:41:27 | 显示全部楼层
    本帖最后由 cxxjackie 于 2022-12-12 22:45 编辑

    stream不行的话用arraybuffer再手动转码?边接收边显示的话用onprogress?只是一点想法,没尝试过。
    回复

    使用道具 举报

  • TA的每日心情
    开心
    昨天 23:59
  • 签到天数: 170 天

    [LV.7]常住居民III

    470

    主题

    4281

    帖子

    4322

    积分

    管理员

    非物质文化遗产社会摇传承人

    Rank: 10Rank: 10Rank: 10

    积分
    4322

    喜迎中秋国庆纪念章荣誉开发者管理员油中2周年

    发表于 2022-12-12 22:47:28 | 显示全部楼层
    强烈要求给草履虫划掉改成李恒道
    混的人。
    ------------------------------------------
    進撃!永遠の帝国の破壊虎---李恒道
    个人宣言:この世界で私に胜てる人とコードはまだ生まれていません。死ぬのが怖くなければ来てください。
    回复

    使用道具 举报

  • TA的每日心情
    开心
    3 小时前
  • 签到天数: 217 天

    [LV.7]常住居民III

    22

    主题

    132

    帖子

    320

    积分

    荣誉开发者

    Rank: 10Rank: 10Rank: 10

    积分
    320

    荣誉开发者油中2周年

    发表于 2022-12-13 09:56:28 | 显示全部楼层
    加个responseType:'stream',然后在onloadstart里处理(哥哥给的链接脚本里就是这么干的)
    回复

    使用道具 举报

  • TA的每日心情
    开心
    昨天 01:19
  • 签到天数: 49 天

    [LV.5]常住居民I

    15

    主题

    79

    帖子

    162

    积分

    荣誉开发者

    Rank: 10Rank: 10Rank: 10

    积分
    162

    油中2周年新人报道荣誉开发者国庆纪念章

    发表于 2022-12-13 13:19:50 | 显示全部楼层
    tfsn20 发表于 2022-12-13 09:56
    加个responseType:'stream',然后在onloadstart里处理(哥哥给的链接脚本里就是这么干的) ...

    那就是我写的项目啊az
    回复

    使用道具 举报

  • TA的每日心情
    开心
    3 小时前
  • 签到天数: 217 天

    [LV.7]常住居民III

    22

    主题

    132

    帖子

    320

    积分

    荣誉开发者

    Rank: 10Rank: 10Rank: 10

    积分
    320

    荣誉开发者油中2周年

    发表于 2022-12-13 13:31:40 | 显示全部楼层

    bigonion 发表于 2022-12-13 13:19

    那就是我写的项目啊az

    不是啊,zhengbangbo大佬的脚本
    image.png
    image.png
    image.png

    回复

    使用道具 举报

  • TA的每日心情
    无聊
    3 天前
  • 签到天数: 136 天

    [LV.7]常住居民III

    216

    主题

    2815

    帖子

    2821

    积分

    管理员

    Rank: 10Rank: 10Rank: 10

    积分
    2821

    荣誉开发者喜迎中秋热心会员活跃会员突出贡献三好学生管理员油中2周年

    发表于 2022-12-13 13:40:11 | 显示全部楼层
    tfsn20 发表于 2022-12-13 13:31
    [md]不是啊,zhengbangbo大佬的脚本
    !(data/attachment/forum/202212/13/132827y0zr5f67w6jfu5pu.png)
    !( ...

    脚本猫NG了,呜呜呜,还没支持stream

    楼主的脚本是:chatGPT tools Plus ++ (cookie版)
    https://scriptcat.org/script-show-page/756
    上不慕古,下不肖俗。为疏为懒,不敢为狂。为拙为愚,不敢为恶。/ 微信公众号:一之哥哥
    回复

    使用道具 举报

  • TA的每日心情
    开心
    昨天 01:19
  • 签到天数: 49 天

    [LV.5]常住居民I

    15

    主题

    79

    帖子

    162

    积分

    荣誉开发者

    Rank: 10Rank: 10Rank: 10

    积分
    162

    油中2周年新人报道荣誉开发者国庆纪念章

    发表于 2022-12-13 13:57:10 | 显示全部楼层
    tfsn20 发表于 2022-12-13 13:31
    [md]不是啊,zhengbangbo大佬的脚本
    !(data/attachment/forum/202212/13/132827y0zr5f67w6jfu5pu.png)
    !( ...

    哈哈哈哈哈哈你仔细看看他的脚本致谢一栏吧,是不是写着bigonion呢?
    回复

    使用道具 举报

    发表回复

    本版积分规则

    快速回复 返回顶部 返回列表