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

She*_*ley -3 google-apps-script

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

谢谢!

Fra*_*sco 10

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

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

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

function doGet() {
  return HtmlService.createTemplateFromFile('index').evaluate();
}
Run Code Online (Sandbox Code Playgroud)

您必须保存应用程序的版本,然后作为Web应用程序发布(使用菜单).

然后你必须添加一个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>
Run Code Online (Sandbox Code Playgroud)

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

function include(filename) {
  return HtmlService.createHtmlOutputFromFile(filename).getContent();
}
Run Code Online (Sandbox Code Playgroud)

然后在html页面中插入:

<?!= include(file.js) ?>
Run Code Online (Sandbox Code Playgroud)

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

https://googledrive.com/host/idOfTheFolder/javascrispFile.js
Run Code Online (Sandbox Code Playgroud)

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

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

您可以访问Google开发人员网站上的 Google应用脚本.