サイドバーからコード.gs内関数を呼び出したい

Question

下記HTMLのregister関数を実行すると配列をappendRowするような仕組みを作りたいのですが、うまくいきません。

function getDataNo(){
  const ss=SpreadsheetApp.getActiveSheet();
  const lastrow = ss.getLastRow();
  const lastcell = ss.getRange(lastrow,1).getValue();
  if(typeof(lastcell) == 'string'){
    return 1;
  }else{
    return lastcell +1;
  }
}

function register_gs(array){
  const ss = SpreadsheetApp.getActiveSheet();
  ss.appendRow(array);
}

<script>
function register() {
  let array = getArray();
  google.script.run.register_gs(array);
}

function getArray(){
  let dataNo = google.script.run.getDataNo();
  let array = [];
  array.push(dataNo);
  for(let i=1; i <14; i++){
    array.push(document.getElementById("id" +i).value);
  }
  return array;
}
</script>

実際にHTML側のregister関数を実行すると、array[0]が空の状態でスプレッドシートに出力されてしまいます。
array[1]以降ははサイドバー内の<input type="text" id="id1">～<input type="text" id="id13">に入力した値がそれぞれ出力されます。

どうもHTML側のgetArray関数内、
let dataNo = google.script.run.getDataNo();
これがうまく動作していないようなのですが…
と思いいろいろいじってみましたがわかりませんでした。

初歩的な質問で申し訳ないのですが、ご教示頂きたく…

何卒よろしくお願い申し上げます。

Answer 1

google.script.runを使ったサーバーサイド関数は非同期に呼び出されるため、戻り値を取得したい場合は、withSuccessHandlerに渡すコールバック関数の第一引数から得る必要があります。

詳しくは、google.script.runのリファレンスを読んでください。

Class google.script.run (Client-side API)

myFunction(...) (any server-side function) - Return
https://developers.google.com/apps-script/guides/html/reference/run#return

withSuccessHandler(function) - Parameters
https://developers.google.com/apps-script/guides/html/reference/run#parameters_2

getArrayの戻り値にdataNoを元にした値を取得できないのでwithSuccessHandlerのコールバック関数内でgoogle.script.run.register_gs(array)まで呼んでください。

function register() {
  google.script.run
    .withSuccessHandler(dataNo => {
      let array = [];
      array.push(dataNo);
      for (let i = 1; i < 14; i++) {
        array.push(document.getElementById("id" + i).value);
      }
      google.script.run.register_gs(array);
    })
    .getDataNo();
}

---

そもそもクライアントサイドでarrayの添字1以上の配列を用意し、サーバーサイド側で他の処理を全部やった方がシンプルだとは思います。

Comments

[Habanero_GAS]

ありがとうございます！
返信が遅くなり大変失礼致しました。
draqさんの仰るとおり、サーバー側に処理を任せる方が可読性も上がりシンプルに仕上がりました。

私はVBAから書き始めたので機能は小分けの方が良い、と思っていましたが、
GASでは少し違うようですね…。

同期非同期についても詳しいご説明ありがとうございました。

また何かありましたら色々とご教示頂けますと幸いです。
ありがとうございました。