微信小程序课设（基于云开发）

微信小程序通过Laf云平台接入ChatGPT实现聊天，回答方式采用流式回答。

以下是图片展示其页面

回答次数通过卡密兑换

以下是对话页面的代码

0}}">

  

    

    AI创作

  

  

    

    有趣的提问

  

  

    

    AI百科

  



0}}">

  

    写一首赞美祖国的诗→

    写一篇科幻小说→

    安排一场发布会流程→

  

  

    

      有哪些有趣的科学实验→

      问一个AI也回答不出来的问题→

      AI会替代人类工作吗？→

    

  

  

      用简单的术语来解释人工智能→

      红烧牛肉的做法→

      请介绍一下你自己→

  









  

    

    {{item.message}}

  



  

    

    {{item.answer || '...'}}

  



  








  

  

//流式响应格式 
const requestTask=wx.request({
        url: ,
        method:'POST',
        data:{
          message:this.data.AnswerList[this.data.AnswerList.length-1].message,
          parentMessageId:this.data.conversationId
        },
        enableChunked:true,
        success:(res)=>{
          //流式输出完成后，修改并保存balance
          wx.request({
            url: ,
            method:'POST',
            data:{
              balance:this.data.balance,
              _id:this.data._id
            },
            success:(res)=>{
              wx.setStorageSync('user', res.data)
              console.log(res.data);
            }
          })
        }
      })
      //通过流式输出响应到页面上，并保存对话id
      requestTask.onChunkReceived((response)=>{
        const arrayBuffer = response.data;
        const uint8Array = new Uint8Array(arrayBuffer);
        let text = wx.arrayBufferToBase64(uint8Array);
        text = Base64.decode(text);
       
        const t1=text.split("--!")
        if (t1.length>1) {
          this.setData({
            parentMessageId:t1[1]
          })
        }
        const len=this.data.AnswerList.length
          this.data.AnswerList[len-1]={
            message:this.data.AnswerList[len-1].message,
            answer:this.data.AnswerList[len-1].answer+t1[0]
          }
          this.setData({
            AnswerList:this.data.AnswerList,
            isDisable:false
          })
          console.log(t1);
      })

详细代码通过加企鹅获取

493305086