GASでURLのパラメータを取得する(GAS, HTMLservice, Google sheets)

前提・実現したいこと

GAS, Javascript, HTML初心者です．

GAS，HTMLservice, Google sheetsを用いて店舗間の在庫共有システムを作っています．
HTMLで作成したフォームからgoogle.script.runでGAS関数を動かします．

URLのパラメータとして店舗IDを受け渡そうとしています．

発生している問題・エラーメッセージ

URLのパラメータの受け渡し方法がわかりません．
doGet(e)でのURLパラメータ取り出しはできるのですが，自身で定義してHTMLから呼び出す関数
(下記のcustomer_input関数)でURLパラメータを取得する方法が知りたいです．

該当のソースコード

Code.gs

var ss_id = 'スプレッドシートのID';

function doGet(e) {
  return HtmlService.createTemplateFromFile("customer").evaluate();
}

function customer_input(lastname, firstname, sex, tel, bday, email, adress) {
  var sh_name = '顧客情報';
  var sh = SpreadsheetApp.openById(ss_id).getSheetByName(sh_name);
  var lastrow = sh.getLastRow();
  sh.appendRow([lastrow, lastname, firstname, sex, tel, bday, email, adress, new Date()]);
  
  return "顧客情報を入力しました";
}

customer.html


<!DOCTYPE html>
<html>
<head>
  Customer data<br>
</head>
<body>
  <label>last name</label><input type="text" id="lastname"><br>
  <label>first name</label><input type="text" id="firstname"><br>
  
  <select id="sex">
    <option value="MALE">男性</option>
    <option value="FEMALE">女性</option>
  </select><br>
  <label>TEL</label><input type="text" id="tel"><br>
  <label>Birthday</label><input type="date" id="bday"><br>
  <label>E-mail</label><input type="text" id="email"><br>
  <label>Adress</label><input type="text" id="adress"><br>

  <button id="submit">submit</button>
  <script>
    document.getElementById("submit").onclick = input_to_sheet;

    function input_to_sheet() {

      var lastname = document.getElementById("lastname").value;
      var firstname = document.getElementById("firstname").value;
      var sex = document.getElementById("sex").value;
      var tel = document.getElementById("tel").value;
      var bday = document.getElementById("bday").value;
      var email = document.getElementById("email").value;
      var adress = document.getElementById("adress").value;

      google.script.run
        .withFailureHandler(onFailure)
        .withSuccessHandler(onSuccess)
        .customer_input(lastname, firstname, sex, tel, bday, email, adress);
        
    }

    function onSuccess(result) {
      alert(result);
    }

    function onFailure(e) {
      alert([e.message, e.stack]);
    }
  </script>
</body>
</html>

試したこと

doPost関数を用いて引数eからパラメータ取得する方法も試したのですが，htmlファイルを複数作成してdoGet関数でパラメータに応じて異なるhtmlページを返す，としており，オリジナルの関数でシート操作をする必要があったため，doPost関数を使わない方法を探しています．

行動規範の内容に同意します

回答2件

ベストアンサー

いくつか方法があると思います。その中の一つとしてgoogle.script.url()を使用するのはいかがでしょうか。ご使用中のスクリプトを変更する場合は次のように変更してみてください。

Google Apps Script側: Code.gs

From:

javascript
1function customer_input(lastname, firstname, sex, tel, bday, email, adress) {

To:

javascript
1function customer_input(lastname, firstname, sex, tel, bday, email, adress, parameter) {

HTML側: customer.html

From:

javascript
1google.script.run
2  .withFailureHandler(onFailure)
3  .withSuccessHandler(onSuccess)
4  .customer_input(lastname, firstname, sex, tel, bday, email, adress);

To:

javascript
1google.script.url.getLocation(location => {
2  google.script.run
3    .withFailureHandler(onFailure)
4    .withSuccessHandler(onSuccess)
5    .customer_input(lastname, firstname, sex, tel, bday, email, adress, location);
6});

結果

上記の修正を行うと、https://script.google.com/macros/s/###/exec?key1=value1&key2=value2のようにしてリクエストされた際、customer_inputのparameterは次のような値を返します。

json
1{
2  "parameter": {
3    "key1": "value1",
4    "key2": "value2"
5  },
6  "parameters": {
7    "key1": [
8      "value1"
9    ],
10    "key2": [
11      "value2"
12    ]
13  },
14  "hash": ""
15}