时间戳

首页 > 解决方案 > 如何在执行该项目中的功能的 Google Apps Script Web 应用程序中制作一个按钮？

google-apps-script - 如何在执行该项目中的功能的 Google Apps Script Web 应用程序中制作一个按钮？

问题描述

我想在一个谷歌页面中发布一个用谷歌应用脚​​本编码的网络应用程序，该应用程序有一个在该应用程序脚本项目中运行特定功能的按钮。假设只有我的 Google 帐户会使用该按钮，而我的目标是在按下按钮时创建和处理电子表格（使用另一个电子表格的数据创建一个新的电子表格）。

这个怎么做？我设法部署和发布了一个网络应用程序，并且我还管理了它与给定电子表格的交互（到目前为止显示来自工作表的数据）。我的问题是我不知道从哪里开始编写一个按钮来做事。

标签： google-apps-script

解决方案

我相信你的目标如下。

  • 您希望在单击由 Google Apps 脚本创建的 Web Apps 上的按钮时创建新的电子表格。
  • 从My issue is that I do not know where to start with coding a button that does things.，您想知道实现上述过程的方法。

在这种情况下，我认为google.script.run可以使用。使用时google.script.run，可以运行 HTML 端和 Google Apps Script 端之间的通信。

作为实现上述目标的简单脚本，我想介绍如下。

示例脚本：

HTML&Javascript 方面：index.html

请将以下脚本复制并粘贴到脚本编辑器中index.html。

<button onclick="sample()">Create Spreadsheet</button>

<script>
function sample() {
  google.script.run.createSpreadsheet();
}
</script>
  • 在这种情况下，当单击按钮时，sample()将运行。

Google Apps 脚本方面：Code.gs

请将以下脚本复制并粘贴到脚本编辑器中Code.gs。

function doGet() {
  return HtmlService.createHtmlOutputFromFile("index");
}

function createSpreadsheet() {
  
  // do something for "creating a new spreadsheet using data from another one"

  SpreadsheetApp.create("sample name");
}

  • 从 开始I managed to deploy and publish a web app and I've also managed it's interaction with a given spreadsheet (displaying data from a sheet so far).，我认为您已经能够部署 Web 应用程序。

  • 在此示例脚本中，当您打开 Web 应用程序时，您可以看到一个按钮。当您单击该按钮时，google.script.run.createSpreadsheet()将运行。这样，createSpreadsheet()在 Google Apps 脚本端运行。结果，创建了新的电子表格。（在这种情况下，创建的电子表格被放入根文件夹。）

笔记：

  • 当您修改 Web Apps 的脚本时，请将 Web Apps 重新部署为新版本。这样，最新的脚本就会反映到 Web 应用程序中。请注意这一点。
  • 我认为google.script.run可以在 Stackoverflow 上看到使用的各种示例脚本。这些对于了解如何使用它很有用。

参考：

推荐阅读