如何在 Google Application Script 中调试 web 开发？

Question

我正在测试/学习 webhook。 如何发送，接收它。 所以我想我会使用 GAS。

我有这个简单的脚本，我想知道为什么Logger不起作用。 在Projects/Executions中，我可以看到脚本 doPost 已执行但没有日志。 Email 已发送，脚本返回值。

• 使用旧的旧版编辑器（不知道如何获得新的）
• 在 Menu-Resources-Cloud Platform Project 中说“这个脚本有一个 Apps Script-managed Cloud Platform 项目”。
• 当我在编辑器中打开项目时，我收到此消息“该项目正在我们由 Chrome V8 提供支持的新 Apps 脚本运行时上运行。”
• 异常日志记录设置为“exceptionLogging”：“STACKDRIVER”设置为默认值

我试过console.log(e); 但这对我不起作用。

function doPost(e) {
  
 Logger.log("I was called")
 if(typeof e !== 'undefined'){

    Logger.log(e.parameter);
    Logger.log("I was called 2")
 
    MailApp.sendEmail({
     to: "radek@gmail.com",
     subject: "Call Sucessful",
     htmlBody: "I am your <br>" +
               JSON.stringify(e)+ "<br><br>" +
               JSON.stringify(e.parameters)
      
    });
    
  }  
  return ContentService.createTextOutput(JSON.stringify(e))
}

问题 1：我可以让 Logger 工作吗？

问题 2：我想在 Debugger 中查看接受的数据，可以吗？

问题3： GAS有没有什么办法把它收到的数据推送到我的web浏览器。 当然，浏览器不会发送数据。

问题 4：与主题无关，但是...您知道我需要做什么才能使用新的编辑器吗？

Answer 1

如果您希望自己的自定义日志信息到 go 到 Stackdriver，那么您需要创建一个 Google Cloud Platform 项目，并将该 GCP 项目与您的 Apps Script 项目相关联。

首先创建一个新的 GCP 项目：Go 到您的 GCP 仪表板： https://console.cloud.google.com/home/dashboard?authuser=0

在顶部的蓝色栏中，有一个项目名称的下拉菜单。 单击它，应该会出现一个对话框，其中包含一个创建新项目的按钮。 创建一个新的 Google Cloud Platform 项目。 复制项目编号。

Go 返回 Apps 脚本编辑器。 在旧版 Apps 脚本编辑器中，点击“资源”菜单。 单击云平台项目。 粘贴项目编号并单击按钮。

现在，您拥有的任何 console.log() 语句都会将日志发送到 Stackdriver。 并且可以在浏览器中查看 Stackdriver。

注意：有些人设置了自己的日志记录系统，将服务器端 Apps 脚本代码中的信息记录到 Google 表格中。 有一些可用的开源存储库。

新的代码编辑器确实具有将服务器端信息记录到日志窗格代码编辑器 window 的“内置”方式。 但是，这当然假设您正在从代码编辑器运行代码。 此新功能无需更改浏览器选项卡即可查看您的日志记录 output。 我不知道有什么方法可以将服务器端信息记录到您的浏览器控制台。 您可以将日志信息保存到 object 中，然后在服务器代码完成后将其发送回客户端，然后在控制台中记录所有内容。

获取日志信息的方式取决于最初触发代码的方式。

• 从代码编辑器
• 来自使用您应用的用户
• 从 Http 请求到您的 Web 应用程序

登录 Apps 脚本的工作方式不同，具体取决于：

• 正在使用的运行时版本 - V8 或 DEPRECATED_ES5 - 在 appsscript.json 文件中或通过旧版编辑器中的“运行”菜单设置，在新 IDE 的“设置”中设置 - 新应用程序脚本项目默认为 V8，因此您的项目可能是使用 V8。
• 您的 Apps 脚本项目是与 Google Cloud Platform (GCP) 默认项目还是标准项目相关联
• 异常日志是否设置为“exceptionLogging”：“STACKDRIVER” - 在 appsscript.json 文件中设置 - 默认始终包含它 - 除非您删除它，否则可能已经正确。
• 使用Logger.log或console.log
• 在服务器“.gs”文件或客户端“.html”文件中使用console.log 。 console.log可以在服务器端和客户端代码中使用，但日志打印输出到不同的地方。 您无法通过服务器代码中的console.log语句查看浏览器开发工具中的日志。 如果您在服务器端.gs 文件中使用console.log ，并且 Apps 脚本项目未与标准 GCP 项目关联，则日志只会发送到您的“执行”。 我相信将日志发送到 Stackdriver 的唯一方法是使用标准 GCP 项目。 这样做的问题是，您只有这么多 GCP 项目可以使用，而无需请求增加配额。

另外，根据您设置日志记录的方式和其他因素，可能会出现问题（错误）。

例如： https://issuetracker.google.com/issues/134374008

Answer 2

正如很多人指定的那样，您可以为此使用console.log 。

但是，我有时也会使用 webhook。 而且我发现直接调试到谷歌电子表格更舒服，使用这样的代码

function doPost(e) {
  log('# doPost', JSON.stringify(e));
  try {
    // Some webhook-processing logic here
    if(e.parameter.action == 'test-error') {
      item.something = nothing;
    }
    if(e.parameter.action == 'test-log') {
      log('# custom log', 'Some data');
    }
  } catch(error) {
    log('# error', JSON.stringify([error, error.stack]));
  }
}

function log(event, message){
  SpreadsheetApp.getActive().getSheetByName('Log').appendRow([new Date(), event, message])
}

电子表格示例： https://docs.google.com/spreadsheets/d/144i9pxDIB_C8ZRZ-6vd9DiPIw8Rt85hTtVoqk7dtHQg/edit?usp=sharing

您可以通过这样的方式触发日志记录

curl -X POST https://script.google.com/macros/s/AKfycby3EoaQ8DOt8H_Mc4vjH6JZkhsaAwYHk_sa9HE5Be3qVo0Ym0b2/exec?action=test-error

或者

curl -X POST https://script.google.com/macros/s/AKfycby3EoaQ8DOt8H_Mc4vjH6JZkhsaAwYHk_sa9HE5Be3qVo0Ym0b2/exec?action=test-log

您可以在 webhook 解析期间使用相同的日志来自定义一些中间变量的日志记录。

我更喜欢标准堆栈驱动程序日志记录的原因是谷歌表格更明确且更易于管理。

Answer 3

您可以使用 console.log() 查看“我的执行”中的内容。