通过自定义菜单从浏览器下载 JSON 形式的 Google Sheet 数据

Question

有没有办法直接从 Google Sheet 下载 JSON，如下所示：

我想使用应用程序脚本创建自定义菜单。会有一个按钮可以从工作表数据创建 JSON 对象，完成后会立即将其下载为文件。因此，不涉及 GDrive 或其他应用程序，只有 Google 表格和应用程序脚本。

这有可能做到吗？我找不到这样的东西。

Answer 1

我相信你的目标如下。

• 您想要从自定义菜单运行脚本。
• 您想要将活动工作表下载为包含 JSON 数据的文件。
• 示例 JSON 数据如下。
  • [{"a1": "a2", "b1": "b2"},{"a1": "a3", "b1": "b3"},,,]

在这种情况下，为了下载文件，需要使用Javascript。为此，在这个答案中，使用了一个对话框。所以这个示例脚本的流程如下。

1. 从自定义菜单运行脚本。
2. 将打开一个对话框。
3. Javascript 在对话框上运行，并下载文件。
4. 对话框关闭。

当上述流程反映到脚本中时，就会变成如下所示。

示例脚本：

请将以下脚本复制并粘贴到脚本编辑器中，然后运行onOpen或重新打开电子表格。至此，自定义菜单就创建完成了。

Google Apps 脚本端：Code.gs

请将以下脚本作为 Google Apps 脚本复制并粘贴到脚本编辑器中。

function onOpen() {
  SpreadsheetApp.getUi().createMenu('Custom Menu').addItem('Export to JSON', 'download').addToUi();
}

function download() {
  const html = HtmlService.createHtmlOutputFromFile("index");
  SpreadsheetApp.getUi().showModalDialog(html, "sample");
}

function downloadFile() {
  const sheet = SpreadsheetApp.getActiveSpreadsheet().getActiveSheet();
  const [header, ...values] = sheet.getDataRange().getValues();
  const obj = values.map(r => r.reduce((o, c, j) => Object.assign(o, {[header[j]]: c}), {}));
  const filename = `${sheet.getSheetName()}.txt`;
  const blob = Utilities.newBlob(JSON.stringify(obj), MimeType.PLAIN_TEXT, filename);
  return {data: `data:${MimeType.PLAIN_TEXT};base64,${Utilities.base64Encode(blob.getBytes())}`, filename: filename};
}

HTML&Javascript 方面：index.html

请将以下脚本作为 HTML 复制并粘贴到脚本编辑器中。

<script>
google.script.run
  .withSuccessHandler(({ data, filename }) => {
    if (data && filename) {
      const a = document.createElement("a");
      document.body.appendChild(a);
      a.download = filename;
      a.href = data;
      a.click();
    }
    google.script.host.close();
  })
.downloadFile();
</script>

参考：

• Google Workspace 中的自定义菜单
• Google Workspace 文档中的对话框和侧边栏