fix: support error handler

Author: Mrjing

apps/miniprogram-agent-ui/miniprogram/components/agent-ui/chatFile/index.js

@@ -22,7 +22,7 @@ Component({
       }
 
       // 上传云存储获取 fileId
-      console.log('rawFileName tempFileName tempPath', rawFileName, tempFileName, tempPath)
+      // console.log('rawFileName tempFileName tempPath', rawFileName, tempFileName, tempPath)
       wx.cloud.uploadFile({
         cloudPath: this.generateCosUploadPath(botId, rawFileName ? (rawFileName.split('.')[0] + '-' + tempFileName) : tempFileName), // 云上文件路径
         filePath: tempPath,

apps/miniprogram-agent-ui/miniprogram/components/agent-ui/imgs/error-circle.svg

@@ -124,6 +124,7 @@ Component({
     feedbackType: "",
     textareaHeight: 50,
     curLineCount: 1,
+    defaultErrorMsg: "网络繁忙，请稍后重试!",
   },
   attached: async function () {
     const chatMode = this.data.chatMode;
@@ -151,7 +152,7 @@ Component({
 
       // 初始化第一条记录为welcomeMessage
       const record = {
-        content: bot.welcomeMessage,
+        content: bot.welcomeMessage || "您好，有什么需要帮助您的？",
         record_id: "record_id" + String(+new Date() + 10),
         role: "assistant",
         hiddenBtnGround: true,
@@ -183,6 +184,14 @@ Component({
     });
   },
   methods: {
+    showErrorMsg: function (e) {
+      const { content } = e.currentTarget.dataset;
+      console.log("content", content);
+      wx.showModal({
+        title: "错误原因",
+        content: typeof content === "string" ? content : JSON.stringify({ content }),
+      });
+    },
     handleLineChange: function (e) {
       console.log("linechange", e.detail.lineCount);
       // 查foot-function height
@@ -389,6 +398,9 @@ Component({
                       fileSize: item.bytes,
                     }));
                   }
+                  if (item.role === "assistant" && item.content === "") {
+                    transformItem.content = this.data.defaultErrorMsg;
+                  }
                   return transformItem;
                 });
               this.setData({
@@ -420,7 +432,7 @@ Component({
         return;
       }
       const record = {
-        content: bot.welcomeMessage,
+        content: bot.welcomeMessage || "您好，有什么需要帮助您的？",
         record_id: "record_id" + String(+new Date() + 10),
         role: "assistant",
         hiddenBtnGround: true,
@@ -495,6 +507,13 @@ Component({
         });
         return;
       }
+      if (this.data.useWebSearch) {
+        wx.showModal({
+          title: "提示",
+          content: "联网搜索不支持上传文件/图片",
+        });
+        return;
+      }
       const self = this;
       const isCurSendFile = this.data.sendFileList.find((item) => item.rawType === "file");
       if (isCurSendFile) {
@@ -608,7 +627,7 @@ Component({
       if (this.data.useWebSearch) {
         wx.showModal({
           title: "提示",
-          content: "联网搜索不支持上传附件",
+          content: "联网搜索不支持上传文件/图片",
         });
         return;
       }
@@ -760,6 +779,9 @@ Component({
             this.toBottom(40);
           }
           const { data } = event;
+          if (data === "[DONE]") {
+            break;
+          }
           try {
             const dataJson = JSON.parse(data);
             const {
@@ -773,6 +795,7 @@ Component({
               knowledge_base,
               finish_reason,
               search_results,
+              error,
             } = dataJson;
             const newValue = [...this.data.chatRecords];
             // 取最后一条消息更新
@@ -785,7 +808,13 @@ Component({
               lastValue.search_info = null;
               lastValue.reasoning_content = "";
               lastValue.knowledge_meta = [];
-              lastValue.content = "网络繁忙，请稍后重试!";
+              lastValue.content = this.data.defaultErrorMsg;
+              if (error && error.message) {
+                lastValue.error = error.message;
+                this.setData({
+                  [`chatRecords[${lastValueIndex}].error`]: lastValue.error,
+                });
+              }
               this.setData({
                 [`chatRecords[${lastValueIndex}].search_info`]: lastValue.search_info,
                 [`chatRecords[${lastValueIndex}].reasoning_content`]: lastValue.reasoning_content,
@@ -851,7 +880,7 @@ Component({
               });
             }
           } catch (e) {
-            // console.log('err', event, e)
+            console.log("err", event, e);
             break;
           }
           index++;
@@ -862,6 +891,12 @@ Component({
         // 取最后一条消息更新
         const lastValue = newValue[lastValueIndex];
         lastValue.hiddenBtnGround = isManuallyPaused;
+        if (lastValue.content === "") {
+          lastValue.content = this.data.defaultErrorMsg;
+          this.setData({
+            [`chatRecords[${lastValueIndex}].content`]: lastValue.content,
+          });
+        }
         this.setData({
           chatStatus: 0,
           [`chatRecords[${lastValueIndex}].hiddenBtnGround`]: isManuallyPaused,

apps/miniprogram-agent-ui/miniprogram/components/agent-ui/index.js

@@ -68,13 +68,16 @@
             <markdownPreview markdown="{{item.content||''}}"></markdownPreview>
             <!-- 下面的按钮 -->
             <view style="display: flex; gap: 10px;justify-content: flex;" wx:if="{{!item.hiddenBtnGround}}">
+              <image wx:if="{{item.error}}" mode="widthFix" bind:tap="showErrorMsg" src='./imgs/error-circle.svg' style="width: 36rpx; height: 36rpx;" data-content="{{item.error}}" />
               <image mode="widthFix" bind:tap="copyChatRecord" src='./imgs/copy.svg' style="width: 36rpx; height: 36rpx;" data-content="{{item.content}}" />
-              <button class="share_btn" open-type="share">
-                <image mode="widthFix" src='./imgs/share.svg' style="width: 36rpx; height: 36rpx;vertical-align: top;" bind:tap="share" />
-              </button>
-              <block wx:if="{{chatMode=== 'bot'}}">
-                <image mode="widthFix" bind:tap="openFeedback" data-feedbackType="upvote" data-feedbackRecordId="{{item.record_id}}" src='./imgs/thumb-up.svg' style="width: 36rpx; height: 36rpx;" />
-                <image mode="widthFix" bind:tap="openFeedback" data-feedbackType="downvote" data-feedbackRecordId="{{item.record_id}}" src='./imgs/thumb-down.svg' style="width: 36rpx; height: 36rpx;" />
+              <block wx:if="{{!item.error}}">                
+                <button class="share_btn" open-type="share">
+                  <image mode="widthFix" src='./imgs/share.svg' style="width: 36rpx; height: 36rpx;vertical-align: top;" bind:tap="share" />
+                </button>
+                <block wx:if="{{chatMode=== 'bot'}}">
+                  <image mode="widthFix" bind:tap="openFeedback" data-feedbackType="upvote" data-feedbackRecordId="{{item.record_id}}" src='./imgs/thumb-up.svg' style="width: 36rpx; height: 36rpx;" />
+                  <image mode="widthFix" bind:tap="openFeedback" data-feedbackType="downvote" data-feedbackRecordId="{{item.record_id}}" src='./imgs/thumb-down.svg' style="width: 36rpx; height: 36rpx;" />
+                </block>
               </block>
             </view>
           </block>

apps/miniprogram-agent-ui/miniprogram/components/agent-ui/index.wxml

@@ -63,6 +63,6 @@
     "ignore": [],
     "include": []
   },
-  "appid": "wx401b4f0b10b9f661",
+  "appid": "wx5ceb4e4809aa1d28",
   "libVersion": "3.7.8"
 }

apps/miniprogram-agent-ui/project.config.json

@@ -3,7 +3,19 @@
     "compileHotReLoad": true,
     "urlCheck": true
   },
-  "condition": {},
+  "condition": {
+    "miniprogram": {
+      "list": [
+        {
+          "name": "pages/chatBot/chatBot",
+          "pathName": "pages/chatBot/chatBot",
+          "query": "",
+          "scene": null,
+          "launchMode": "default"
+        }
+      ]
+    }
+  },
   "description": "项目私有配置文件。此文件中的内容将覆盖 project.config.json 中的相同字段。项目的改动优先同步到此文件中。详见文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html",
   "projectname": "cloudbase-agent-ui",
   "libVersion": "3.7.8"