如何将Google Apps脚本与JavaScript结合使用?

时间:2013-08-09 03:49:17

标签: google-apps-script

我想使用HTML创建表单,使用JavaScript与用户交互,以及使用Google Apps脚本创建工作流程。但我不知道将Google Apps脚本与JavaScript结合的对象是谁?

谢谢!

1 个答案:

答案 0 :(得分:10)

您可以使用Google Apps脚本项目(来自驱动器,创建脚本)。

使用HtmlService类,您可以使用表单和客户端Javascript(如果需要包含Jquery)创建HTML页面,当然可以使用Google Apps脚本(服务器javascript)。

您需要制作网络应用,在Google Apps脚本代码(.gs)中添加doGet功能。例如:

function doGet() {
  return HtmlService.createTemplateFromFile('index').evaluate();
}

您必须保存该应用程序的版本,然后以网络应用程序的形式发布(使用菜单)。

然后你必须添加一个index.html文件,其格式为:menu file,new,“html file”,然后包含一个javascript文件。例如:

<div>
  <form action="">
     <input type="text" value="" name="name">
      ......

   var msg= "You can also include server side javascript like this";

   <? = serverSideVariableOrFunction ?>

  </form>
<div>
<script type="text/javascript">

  client javascript code here

</script>

如果您愿意,可以将javascript放在项目的单独html页面中。添加一个函数,用于在html中包含其他文件。实施例

function include(filename) {
  return HtmlService.createHtmlOutputFromFile(filename).getContent();
}

然后插入html页面:

<?!= include(file.js) ?>

您还可以使用js文件,将其保存在公共驱动器文件夹中,可以使用以下链接在html页面内链接:

https://googledrive.com/host/idOfTheFolder/javascrispFile.js

要获取Post请求,您可以使用doPost(e)方法,例如:

function doPost(e) {
  Logger.log('value of the name parameter is: ' + e.parameter.name);
}

您可以通过Google developer web site了解Google应用脚本。