如何解析一个简单的 JSON 对象（访问单个元素）？

Question

我正在尝试在 Google-Apps-Script（Webhook 接收器）中处理简单的 JSON 数据。对于测试，我从控制台发送数据：

curl -d "{"result":true,"count":42,"exchange":"Kroakex"}" -H "Content-Type: application/json" -X POST https://script.google.com/macros/s/xxx/exec

...但我无法访问处理函数中的 json 元素：

function doPost(e) {
  var jsonString = JSON.stringify(e.postData.contents);
  var jsonObj = JSON.parse(jsonString);

  console.log(jsonObj);       // ---> "{result:true,count:42,exchange:Kroakex}"
  console.log(jsonObj.count); // ---> "undefined"

  var sheet = SpreadsheetApp.getActiveSheet();
  var lastRow = Math.max(sheet.getLastRow(),1);
  sheet.insertRowAfter(lastRow);

  sheet.getRange(lastRow + 1, 1).setValue(jsonObj['count']); // ---> nothing
  sheet.getRange(lastRow + 1, 2).setValue(jsonObj['exchange']); // ---> nothing
  sheet.getRange(lastRow + 1, 3).setValue(jsonObj); // ---> {result:true,count:42,exchange:Kroakex}

  SpreadsheetApp.flush();
  return HtmlService.createHtmlOutput("post request received");
}

当我改为使用这一行手动创建 JSON 字符串时，一切正常：

const jsonString = '{"result":true, "count":42, "exchange":"Kroakex"}';

谁能帮忙？

Answer 1

我想提出以下修改。

修改点：

• 我认为在你的 curl 命令中，有修改点。

  1. 使用 curl 命令时，e.postData.contents 为 "{result:true,count:42,exchange:Kroakex}"。因为在-d "{"result":true,"count":42,"exchange":"Kroakex"}"，" 用在了"{,,,}"。在这种情况下，您的 Google Apps 脚本无法将值解析为 JSON 对象。请转义" 或附上'。这样，e.postData.contents 变为 "{\"result\":true,\"count\":42,\"exchange\":\"Kroakex\"}"。

  2. 在这种情况下，请使用-L，-X POST 不是必需的。

  3. 修改后的curl命令如下。

      curl -L -d '{"result":true,"count":42,"exchange":"Kroakex"}' -H "Content-Type: application/json" https://script.google.com/macros/s/###/exec
     

  • 或

      curl -L -d "{\"result\":true,\"count\":42,\"exchange\":\"Kroakex\"}" -H "Content-Type: application/json" https://script.google.com/macros/s/###/exec
    

通过以上修改，您的 Google Apps Script 变为如下。

修改脚本：

function doPost(e) {
  var jsonObj = JSON.parse(e.postData.contents);  // <--- Modified

  console.log(jsonObj);
  console.log(jsonObj.count);

  var sheet = SpreadsheetApp.getActiveSheet();
  var lastRow = Math.max(sheet.getLastRow(),1);
  sheet.insertRowAfter(lastRow);

  sheet.getRange(lastRow + 1, 1).setValue(jsonObj['count']);
  sheet.getRange(lastRow + 1, 2).setValue(jsonObj['exchange']);
  sheet.getRange(lastRow + 1, 3).setValue(JSON.stringify(jsonObj));  // <--- Modified

  SpreadsheetApp.flush();
  return HtmlService.createHtmlOutput("post request received");
}

注意：

• 当您修改 Web Apps 的脚本时，请将 Web Apps 重新部署为新版本。这样，最新的脚本就会反映到 Web 应用程序中。请注意这一点。
• 当你使用 curl 命令时，我认为返回的值可能适合return ContentService.createTextOutput("post request received"); 而不是return HtmlService.createHtmlOutput("post request received");。

参考资料：

• Web Apps
• Taking advantage of Web Apps with Google Apps Script

补充：

当您想使用https://script.google.com/macros/s/###/dev 的 URL 访问 Web Apps 时，需要使用访问令牌。修改后的curl命令如下。

curl -L \
  -H "Authorization: Bearer ### access token ###" \
  -H "Content-Type: application/json" \
  -d '{"result":true,"count":42,"exchange":"Kroakex"}' \
  "https://script.google.com/macros/s/#####/dev"

• 在这种情况下，https://www.googleapis.com/auth/drive.readonly 和 https://www.googleapis.com/auth/drive 可用于范围。

参考：

• How to use dev mode from outside