Google Forms / Apps Script / Hangouts Chat - 机器人消息内容单独发送而不是一起发送

Question

我正在尝试制作一个 Google Hangouts Chat 机器人，它可以检测何时填写了表单，并使用机器人将最近提交的表单的回复发送到 Hangouts Chat。我是根据现有代码构建的（我的 JS / GAS 知识几乎为零），主要基于 GitHub TSFormBot 存储库。问题是，它将每个响应单独发送为不同的消息，而不是包含所有内容的一条消息。

例如，一个包含 4 个问题的表单会导致机器人发送 4 个单独的回复，每个回复中有一个不同的答案。你能帮我看看我哪里出错了，这样我就可以在一个回复中得到所有 4 个答案的内容吗？

谢谢！

当前代码：

function postToRoom(e) {
    var formResponses = FormApp.getActiveForm().getResponses();
  var formResponse = formResponses[formResponses.length-1];
  var itemResponses = formResponse.getItemResponses();
    for (var j = 0; j < itemResponses.length; j++) {
    var itemResponse = itemResponses[j];
  var options, options, url; 
  url = PropertiesService.getScriptProperties().getProperty('WEBHOOK_URL');
  if (url) {
    try { 
      payload = {
        "cards": [
          {
            "header": {
              "title": "There is a new request!",
              "imageUrl": "https://images.emojiterra.com/google/android-10/128px/1f916.png",
              "imageStyle": "IMAGE",
            },
                        "sections": [
              {
                "widgets": [
                  {
                    "textParagraph": {
                      "text": '<b>'+ (
                        itemResponse.getItem().getTitle() + ' ' + itemResponse.getResponse())',

                    }
                  }
                ] 
              },
              {

                "widgets": [
                  {
                    "buttons": [
                      {
                        "textButton": {
                          "text": "GO TO RESPONSE",
                          "onClick": {
                            "openLink": {
                              "url": e.response.getEditResponseUrl()
                            }
                          }
                        }
                      },
                      {
                        "textButton": {
                          "text": "GO TO FORM",
                          "onClick": {
                            "openLink": {
                              "url": FormApp.getActiveForm().getEditUrl()
                            }
                          }
                        }
                      }
                    ]
                  }
                ]
              }
            ] 
          } 
        ]
      }    
      options = {
        'method' : 'post',
        'contentType': 'application/json; charset=UTF-8',
        'payload' : JSON.stringify(payload)
      };
      UrlFetchApp.fetch(url, options); 
    } catch(err) {
      Logger.log('FormBot: Error processing Bot. ' + err.message);
    }
  } else {
    Logger.log('FormBot: No Webhook URL specified for Bot');
  }
}

表格：


机器人响应

Answer 1

您遇到的问题是因为，在您的 for 循环中，您每次使用 UrlFetchApp.fetch(url, options); 发送有效载荷，因此您需要以这种方式进行：

// Previous stuff
for (var j = 0; j < itemResponses.length; j++) {
  // Do something 
}
// Do more stuff
UrlFetchApp.fetch(url, options); 

知道了。我在您的代码中更改的第一件事是创建一个 payload 对象，该对象将拥有一个 sections 属性，稍后将被填充。

var payload = {
        "cards": [{
          "header": {
           "title": "TSFormBot",
           "subtitle": "Form Notifications Bot",
           "imageUrl": "https://raw.githubusercontent.com/techstreams/TSFormBot/master/notifications.png",
           "imageStyle": "IMAGE"
           },
        "sections": []
        }
       ]
      };

有了 payload 对象，我创建了一个函数来填充 sections 属性，在那里你将拥有 for 循环并用所有响应填充对象后，我添加了两个按钮：

/*
 * Build Payload 
 * 
 * @param {Object} payload 
 * @param {ItemResponse[]} itemResponses
 * @param {FormResponse} formResponse
 */
function populateCard(payload, itemResponses, formResponse){
 for (var j = 0; j < itemResponses.length; j++) {
    var itemResponse = itemResponses[j];
     payload["cards"][0]["sections"].push({
       "widgets": [{
         "textParagraph": {
            "text": itemResponse.getItem().getTitle() + ' ' + itemResponse.getResponse()
           }
         }
       ]
    });
  }
  payload["cards"][0]["sections"].push({
            "widgets": [
              {
                "buttons": [
                      {
                        "textButton": {
                          "text": "GO TO RESPONSE",
                          "onClick": {
                            "openLink": {
                              "url": formResponse.getEditResponseUrl()
                            }
                          }
                        }
                      },
                      {
                        "textButton": {
                          "text": "GO TO FORM",
                          "onClick": {
                            "openLink": {
                              "url": FormApp.getActiveForm().getEditUrl()
                            }
                          }
                        }
                      }
                    ]
              }
        ]
      }   
  );
  return payload;
}

之后，您将能够使用 UrlFetchApp.fetch(url, options); 发送请求。您的 postToRoom(e) 函数将如下所示：

/*
 * Process Form Submission
 * 
 * @param {Object} e - form submit event object
 */
function postToRoom(e) {
  var formResponses = FormApp.getActiveForm().getResponses();
  var formResponse = formResponses[formResponses.length-1];
  var itemResponses = formResponse.getItemResponses();
  formResponse.getEditResponseUrl()
  var options, options, url; 
  url = PropertiesService.getScriptProperties().getProperty('WEBHOOK_URL');
  if (url) {
    try { 
      var payload = {
        "cards": [{
          "header": {
           "title": "TSFormBot",
           "subtitle": "Form Notifications Bot",
           "imageUrl": "https://raw.githubusercontent.com/techstreams/TSFormBot/master/notifications.png",
           "imageStyle": "IMAGE"
           },
        "sections": []
        }
       ]
      };
      // Call this function to populate the card with the responses 
      var PopulatedPayload = populateCard(payload, itemResponses, formResponse);  
      options = {
        'method' : 'post',
        'contentType': 'application/json; charset=UTF-8',
        'payload' : JSON.stringify(payload)
      };
      UrlFetchApp.fetch(url, options); 
    } catch(err) {
      Logger.log('TSFormBot: Error processing Bot. ' + err.message);
    }
  } else {
    Logger.log('TSFormBot: No Webhook URL specified for Bot');
  }
}

卡片回复

文档

我使用这些文档来帮助您：

• Class FormResponse.

• Class Form.

• Card Formatting Messages.