浙江网站建设正规公司,旅游网站规划设计方案,医院做网站备案需要哪些资料,网站如何收费微信小程序通过Laf云平台接入ChatGPT实现聊天#xff0c;回答方式采用流式回答。
以下是图片展示其页面 回答次数通过卡密兑换
以下是对话页面的代码
!--pages/content/content.wxml--view classcontainerview classdiv hidde…微信小程序通过Laf云平台接入ChatGPT实现聊天回答方式采用流式回答。
以下是图片展示其页面 回答次数通过卡密兑换
以下是对话页面的代码
!--pages/content/content.wxml--view classcontainerview classdiv hidden{{AnswerList.length0}}viewimage src../../images/editor.png mode/text classone-textAI创作/text/viewviewimage src../../images/tip.png mode/text classone-text有趣的提问/text/viewviewimage src../../images/book.png mode/text classone-textAI百科/text/view/viewview classdiv-two hidden{{AnswerList.length0}}view classdiv-two-onetext bindtaphandleTextClick data-message写一首赞美祖国的诗写一首赞美祖国的诗→/texttext bindtaphandleTextClick data-message写一篇科幻小说 写一篇科幻小说→/texttext bindtaphandleTextClick data-message安排一场发布会流程 安排一场发布会流程→/text/viewview classdiv-two-oneview classdiv-two-onetext bindtaphandleTextClick data-message有哪些有趣的科学实验 有哪些有趣的科学实验→/texttext bindtaphandleTextClick data-message一个AI也回答不出来的问题 问一个AI也回答不出来的问题→/texttext bindtaphandleTextClick data-messageAI会替代人类工作吗 AI会替代人类工作吗→/text/view/viewview classdiv-two-onetext bindtaphandleTextClick data-message用简单的术语来解释人工智能 用简单的术语来解释人工智能→/texttext bindtaphandleTextClick data-message红烧牛肉的做法 红烧牛肉的做法→/texttext bindtaphandleTextClick data-message请介绍一下你自己 请介绍一下你自己→/text/view/viewscroll-view scroll-ytrue hidden{{AnswerList.length0}}view classdiv-answer wx:for{{AnswerList}} wx:keyindexview classanswerimage src../../images/49.webp/imagerich-text{{item.message}}/rich-text/viewview classanswer answer-oneimage src../../images/chatgpt.jpeg/imagerich-text{{item.answer || ...}}/rich-text/view/view/scroll-viewview classquestionview classquestion-onetextarea disabled{{isDisable}} classtexta value{{question}} placeholder请输入内容 stylewidth: 80%; bindinputinputChange /textareaimage src../../images/send.png bind:tapsubmitQuestion/image/view/view/view
//流式响应格式
const requestTaskwx.request({url: ,method:POST,data:{message:this.data.AnswerList[this.data.AnswerList.length-1].message,parentMessageId:this.data.conversationId},enableChunked:true,success:(res){//流式输出完成后修改并保存balancewx.request({url: ,method:POST,data:{balance:this.data.balance,_id:this.data._id},success:(res){wx.setStorageSync(user, res.data)console.log(res.data);}})}})//通过流式输出响应到页面上并保存对话idrequestTask.onChunkReceived((response){const arrayBuffer response.data;const uint8Array new Uint8Array(arrayBuffer);let text wx.arrayBufferToBase64(uint8Array);text Base64.decode(text);const t1text.split(--!)if (t1.length1) {this.setData({parentMessageId:t1[1]})}const lenthis.data.AnswerList.lengththis.data.AnswerList[len-1]{message:this.data.AnswerList[len-1].message,answer:this.data.AnswerList[len-1].answert1[0]}this.setData({AnswerList:this.data.AnswerList,isDisable:false})console.log(t1);})
详细代码通过加企鹅获取
493305086
