微信小程序ChatGpt流式响应

最近用微信小程序做chatGpt的Ai对话,其中重要的一点就是流式响应,现在分享处理逻辑,先给演示图。

 下面是关键代码实现逻辑

      const that = this;const requestTask = wx.request({url: 'xxxxx',responseType: "arraybuffer",method: 'POST',enableChunked: true,header: {'content-type': 'application/json'},data: {'prompt': '青椒肉丝怎么做'},success: (res) => {console.log("request success", res);common_vendor.index.showToast({title: "请求成功",icon: "success",mask: true,duration});// this.res = "请求结果 : " + JSON.stringify(res);},fail: (err) => {console.log("request fail", err);common_vendor.index.showModal({content: err.errMsg,showCancel: false});},complete: () => {this.loading = false;}});requestTask.onHeadersReceived(function (r) {console.log(r);});requestTask.onChunkReceived(function (r) {// let decoder = new TextDecoder('utf-8');// let str = decoder.decode(new Uint8Array(r.data));// let en = String.fromCharCode.apply(null,new Uint8Array(r.data));// let de = decodeURIComponent(escape(en));// console.log("onChunkReceived", str);const data16 = that.buf2hex(r.data)	// ArrayBuffer转16进制const requestData = that.hexToStr(data16) // 16进制转字符串console.log(requestData); that.res +=requestData;});

其中有两个关键点需要注意

1.enableChunked: true流式响应开关,会自动在header中加入transfer-encoding chunked

2.arraybuffer转字符串问题,有TextDecoder就很好处理,没有也可以参照我上面的示例。

最后提供免费源码下载地址和演示二维码,全量保真。

源码下载 ChatGpt插件,支持聊天,流式输出,UI漂亮,有小程序演示 - DCloud 插件市场

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/4496.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

微信小程序_把chatgpt聊天数据复制到剪切板

文章目录 ⭐ 前言⭐ 开始网格背景样式配置对话框样式配置复制到剪切板 ⭐ 结束 ⭐ 前言 大家好,我是yma16,不止前端,本文将介绍微信小程序中 chatgpt聊天页面设计和复制聊天数据。 往期微信小程序文章 小程序自定义微信昵称和头像 小程序制作…

KeepChatGPT:让ChatGPT畅聊无阻的浏览器插件

ChatGPT是一款强大的自然语言处理模型,但在使用过程中经常出现网络报错、刷新网页等问题,让使用体验大打折扣。而今天介绍的KeepChatGPT浏览器插件则能够有效解决这些问题,让ChatGPT畅聊无阻! KeepChatGPT是一款解决ChatGPT畅聊过…

浏览器插件的使用

善于使用浏览器插件,能起到高效上网的作用。 Microsoft Edge 是全球广受欢迎的浏览器,浏览器本身具有快速、简单和轻量级的特点。一流的性能系统和访问速度极大提升您的浏览体验。 对于浏览器的用户来说,安装一些实用的插件,能让…

CHATGPT精选插件

CHATGPT是帮你做事,而不是替你做事 1、联网插件: 使用Webpilot插件联网时还可以同时使用其它两种插件(一次可以同时使用三个插件),而使用Web Browsing插件功能联网时无法使用插件功能(联网功能和插件只能…

这款工具被网友玩疯了!我又玩物丧志了...

羿阁 发自 凹非寺量子位 | 公众号 QbitAI 一款新的聊天AI被网友们玩疯了。 能直接生成代码、会自动修复bug、在线问诊、模仿莎士比亚风格写作……各种话题都能hold住,它就是OpenAI刚刚推出的——ChatGPT。 有脑洞大开的网友甚至用它来设计游戏:先用ChatG…

OpenAI发布ChatGPT!手把手debug代码!

卷友们好,我是rumor。 已经好久没看OpenAI的官网[1]了,但今天冥冥之中感觉受到了什么召唤,心想GPT4什么时候发布,莫名地就打开了,果然有料: 试用:https://chat.openai.com/ 它把魔抓又伸向对话了…

【哪些工作会被ChatGPT取代?】我用ChatGPT全自动化生成代码进行了深度分析

【哪些工作会被ChatGPT取代?】我用ChatGPT全自动化生成代码进行了深度分析 前言 配置好ChatGPT的几个小时之后,我发现了一个宝藏网页https://github.com/f/awesome-chatgpt-prompts,也是我这篇文章的灵感所在,github里面给出让chatgpt扮演…

GPT-3/ChatGPT 复现的经验教训

为什么所有公开的对 GPT-3 的复现都失败了?我们应该在哪些任务上使用 GPT-3.5 或 ChatGPT? 对于那些想要复现一个属于自己的 GPT-3 或 ChatGPT 的人而言,第一个问题是关键的。第二个问题则对那些想要使用它们的人是重要的(下文提…

Day921.chatGPT

chatGPT Hi,我是阿昌,今天学习记录的是关于chatGPT的内容。 一、什么是chatGPT ChatGPT(全名:Chat Generative Pre-trained Transformer),ChatGPT 是一种基于 GPT (Generative Pre-trained Transformer)…

面向开发人员的 ChatGPT 提示词教程中文版 - ChatGPT 版

面向开发人员的 ChatGPT 提示词教程中文版 - ChatGPT 版 1. 指南1-1. 提示的指南1-2. 配置1-3. 提示语原则原则 1: 写出清晰而具体的指示技巧 1: 使用分隔符来清楚地表明输入的不同部分技巧 2: 要求提供结构化的输出技巧 3: 要求模型检查条件是否得到满足技巧 4: "少许样本…

ChatGPT支持第三方plugins,并且推出了网络浏览器和代码解释器两个插件

2023年3月23日,OpenAI实现了对ChatGPT插件的初步支持,还推出了两个插件,一个网络浏览器和代码解释器,并且开源了知识库检索插件的代码,任何有信息的开发者都可以自行托管,以增强ChatGPT的功能。 在目前已实…

06-发送短信验证码实现登录功能

1、发送短信验证码实现登录功能的流程 1.1、获取验证码流程 1.2、登录流程 1.3、页面带有图形验证码的流程 2、 注册登录二合一页面的开发 2.1、将src目录下的App.vue页面上通用显示的删掉 2.2、在router目录下的index.js文件中通过懒加载的方式添加login.vue页面 对于rout…

手把手教你使用短信验证码接口

因为闪速码短信平台可以免费赠送200条使用,所以本文档以闪速码为列讲解。 一、账号注册、登录 一、注册、登录闪速码(www.shansuma.com),进行实名认证。实名认证分为个人认证和企业认证,值得注意的是:个人…

最好用的发短信(验证码、语音短信)接口

使用阿里大鱼短信接口 注册 进入大鱼页面,如果没有账号,则自行注册,再此不在过多详述。注册完成或者有账号的则在首页中点击加入“加入阿里大鱼”,如下: 创建引用 点击“管理中心”,然后再点击右上角…

短信接口调用-手机短信,验证码

本文章短信平台接口基于中国网建SMS短信平台API,相关网址为点我打开--->中国网建SMS短信平台。注册后即可立即使用,无信息审核验证延迟。 通过中国网建第三方API发送一条短信,需要知道以下信息:用户注册时的Uid:用户…

Android-短信验证码

效果图 简介 基本上只要需要登录的APP,都会有验证码输入,所以说是比较常用的控件,而且花样也是很多的,这里列出来4种样式,分别是: 表格类型 方块类型 横线类型 圈圈类型 其实还有很多其他的样式&#xff0c…

SmS-Activate一款好用的短信验证码接收工具

前言 有些国外应用在使用应用上的功能时需要注册账号,由于某种不可抗因素,我们的手机号一般不支持注册,接收不到信息验证码,于是我们可以使用sms-activate提供的服务,实惠又稳定,最近sms-activate.org网站…

发送短信验证码+登陆功能

业务: 手机端点击发送验证码,调用第三方平台(我们用的是“任信了”平台)的接口,去给手机发短信验证码。 过程: 代码: /*** 发送短信验证码 * param json 前台传入电话号码* return 返回发…

ChatGPT专业应用:生成新闻稿

正文共 949 字,阅读大约需要 4 分钟 媒体工作者必备技巧,您将在4分钟后获得以下超能力: 生成新闻稿 Beezy评级 :A级 *经过寻找和一段时间的学习,一部分人能掌握。主要提升效率并增强自身技能。 推荐人 | Kim 编辑者…

ChatGPT专业应用:创作对联

正文共 727 字,阅读大约需要 3 分钟 文化工作者必备技巧,您将在3分钟后获得以下超能力: 创作对联 Beezy评级 :B级 *经过简单的寻找, 大部分人能立刻掌握。主要节省时间。 推荐人 | Kim 编辑者 | Yolanda ●此图片由L…