3分钟Node.js实现ChatGPT流式输入(chatgpt tools plus怎样用)

ChatGPT账号购买平台发布时间：2024-02-06 浏览量：5

使用ChatGPT tools Plus的方法和注意事项

一、安装油猴脚本管理器插件

首先，需要安装一个油猴脚本管理器插件。建议使用tampermonkey脚本管理器，由于其他管理器可能没法正常运行该脚本。

如果您使用的是谷歌浏览器，可以直接在谷歌Chrome商店上下载并安装。

如果您使用的是360等其他浏览器，需要注意，该脚本在so.com网址上没法生效，由于被浏览器禁用。请尽可能避免使用360相关浏览器。

二、安装ChatGPT tools Plus油猴脚本

在安装了油猴脚本管理器后，可以点击下载ChatGPT tools Plus油猴脚本。

安装完成后，油猴脚本将自动启动，并在各大搜索引擎的侧边栏中增加ChatGPT搜索功能。

三、享受ChatGPT的功能

安装完成后，打开任何支持的搜索引擎，例如Google、必应、百度、Yandex、360搜索等。

在搜索页面的侧边栏中，您将看到ChatGPT工具。

通过点击ChatGPT工具，您可以立即体验人工智能的聊天功能，并向ChatGPT搜索引擎发问任何问题。

注意事项：

如果您使用的是360相关浏览器，则没法在so.com网址上使用该插件，请尽可能避免使用这类浏览器。
建议使用tampermonkey脚本管理器，其他管理器可能没法正常运行该脚本。
ChatGPT tools Plus支持的搜索引擎包括Google、必应、百度、Yandex、360搜索等。

通过安装并使用ChatGPT tools Plus油猴脚本，您不但可以在搜索引擎中进行常规搜索，还可以享受人工智能的聊天功能，更方便地获得您想要的信息。快来体验一下吧！

chatgpt tools plus怎样用的进一步展开说明

甚么是流式输出

流式输出是一种输出内容的方式，将输出内容分成多个部份逐渐返回给用户。与一次性返回完全内容的方式区别，流式输出将输出结果像流水一样分批次地返回给用户，使得用户可以更快地获得到部份输出结果，从而提升用户体验。

实现流式输出的方式

对简单的对话模式，如官方chatGPT的回复方式，可使用SSE（Server-Sent Events，服务器推送事件）来实现流式输出。SSE是一种浏览器与服务器之间实现单向实时通讯的技术。

后端使用express的路由进行实现，具体实现方式以下：

const headers = { 'Content-Type' : 'application/json' , 'Authorization' : `Bearer openAi的密钥` };
const axiosStream = axios.create({ baseURL: 'https://api.openai.com/v1', headers });

router.get('/chat', async (req, res, next) => {
    const params = req.query;
    try {
        res.set({
            'Content-Type': 'text/event-stream',
            'Cache-Control': 'no-cache',
            'Connection': 'keep-alive',
        });
        res.status(200);
        axiosStream.post(`/chat/completions`, {
            model: 'gpt⑶.5-turbo',
            messages: params.content,
            stream: true
        }, {
            responseType: 'stream'
        }).then(response => {
            const chatResponseStream = response.data;
            let str = '';
            chatResponseStream.on('data', (chunk) => {
                const chunkRes = chunk.toString()
                str += chunkRes
                res.write(chunkRes)
            });
            chatResponseStream.on('end', () => {
                res.end()
            })
        }).catch(e => {
            res.end()
        })
    } catch (e) {
        res.end()
    }
})

前端实现也非常简单，创建一个SSE的实例，然后监听数据的状态：

let reply = ''
const evtSource = new EventSource(`${baseUrl}/chat?content=你好`);
evtSource.onmessage = (event) => {
    if (event.data === '[DONE]') {
        console.log(`回答终了！：$${reply}`)
    } else {
        const res = JSON.parse(event.data)
        reply += res.choices[0].delta.content || ''
    }
}

终究效果

使用上述方式实现流式输出，可以提升用户体验，使用户能够更快地获得到输出结果。具体实现可以参考体验地址：tools-xiehui.top/#/。请注意，由于做了 token 限制与上下文，需要进行登录验证，登录便可注册账号并取得不要钱三次机会。欢迎有兴趣的朋友一起交换！在使用时，请以第三人称的视角来表达。

chatgpt tools plus怎样用的常见问答Q&A

问题1：chatGPT tools Plus 是甚么？

答案：chatGPT tools Plus 是一款油猴脚本，用于增强ChatGPT聊天机器人的使用体验。该脚本可以集成多个搜索引擎的侧边栏Chat搜索功能，让用户可以在与ChatGPT交互的同时进行实时的搜索操作。下面是该脚本的一些特点和功能：

支持Google、必应、百度、Yandex、360搜索等多个搜索引擎。
侧边栏Chat搜索功能，方便用户在搜索引擎结果页面与ChatGPT进行对话。
无需翻墙、注册或等待，即刻体验AI智能回答。
集成了国内一言等其他功能，增强了使用体验。
安装简便，适用于谷歌浏览器的油猴脚本管理器插件。

问题2：chatGPT tools Plus 可以在哪些搜索引擎上使用？

答案：chatGPT tools Plus 可以在多个搜索引擎上使用，包括Google、必应、百度、Yandex、360搜索等。该脚本通过在搜索引擎结果页面添加侧边栏Chat搜索功能，让用户可以在搜索结果页面与ChatGPT进行实时对话。不管你使用哪一个搜索引擎，chatGPT tools Plus 都可以帮助你更轻松地与ChatGPT进行交换和发问。

问题3：怎么安装 chatGPT tools Plus 油猴脚本？

答案：安装 chatGPT tools Plus 油猴脚本需要以下步骤：

安装油猴脚本管理器插件，推荐使用谷歌浏览器并从谷歌商店下载并安装。
在油猴脚本管理器中搜索 chatGPT tools Plus，并找到正确的版本进行安装。
安装完成后，打开支持的搜索引擎，就能够看到 chatGPT tools Plus 的侧边栏Chat搜索功能了。

需要注意的是，如果在360相关浏览器上使用插件，360搜索将不会生效，由于已被浏览器禁用在so.com网址上使用。同时，建议选择tampermonkey脚本管理器进行管理，以确保最好的插件使用体验。