引数をうまく使えず、関数が動きません

Question

LINEで順番待ちボットの作成をしています。
qiitaに掲載されて教材を使っています。

ソースコードを追加して機能実装したいのですが、
引数をうまく定義できず、関数が動かない状態です。
アドバイスいただけますでしょうか。

現状のソースは以下の通りです。

// LINE developersのメッセージ送受信設定に記載のアクセストークン
var ACCESS_TOKEN = 'ここにアクセストークンが入ります。';

function getNumber() {
  //1. 現在のスプレッドシートを取得
  var spreadsheet = SpreadsheetApp.getActiveSpreadsheet();
  //2. 現在のシートを取得
  var sheet = spreadsheet.getActiveSheet();
  //3. 指定するセルの範囲（A1）を取得
  var range = sheet.getRange("A1");
  //4. 値を取得する
  var value = range.getValue();
  //5. 発券済み枚数を増やす
  range.setValue(value + 1); 
  //ログに出力
  return value;
}


function getNumberB1() {
  //1. 現在のスプレッドシートを取得
  var spreadsheet = SpreadsheetApp.getActiveSpreadsheet();
  //2. 現在のシートを取得
  var sheet = spreadsheet.getActiveSheet();
  //3. 指定するセルの範囲（B1）を取得
  var range = sheet.getRange("B1");
  //4. 値を取得する
  var value = range.getValue();  
  //ログに出力
  return value;
}


function incrementB1() {
  //1. 現在のスプレッドシートを取得
  var spreadsheet = SpreadsheetApp.getActiveSpreadsheet();
  //2. 現在のシートを取得
  var sheet = spreadsheet.getActiveSheet();
  //3. 指定するセルの範囲（B1）を取得
  var range = sheet.getRange("B1");
  //4. 値を取得する
  var value = range.getValue();
  //5. 発券済み枚数を増やす
  range.setValue(value + 1);
}

//A1セル値を1にB1セル値を0に初期化する関数
function initialA1B1() {
  //1. 現在のスプレッドシートを取得
  var spreadsheet = SpreadsheetApp.getActiveSpreadsheet();
  //2. 現在のシートを取得
  var sheet = spreadsheet.getActiveSheet();
  //3A. 指定するセルの範囲（A1）を取得
  var rangeA = sheet.getRange("A1");
  //3B. 指定するセルの範囲（B1）を取得
  var rangeB = sheet.getRange("B1");  
  // 4.初期化：セルに値をセットする場合はsetValueを使う
  rangeA.setValue(1);
  rangeB.setValue(0);
}

function createMessages(userMessage) {
  var messages = [{
    'type': 'text',
    'text': ''
  }];

  //現在日時を取得(HHmm形式)　例）08：30の場合、nowに0830が入る
  var today = new Date();
  var now = Utilities.formatDate(today, "Asia/Tokyo", "HHmm");
  //日月火水木金土が0~6の数字で入る
  var day = today.getDay();

  //発券（患者）
  if (userMessage === "発券") {
    if(day === 0 || day === 6 && 1400 <= now ){//日曜または土曜午後の場合
    messages[0].text = "土曜午後・日曜・祝日は休診日です";  
    }else if ((830 <= now && now < 1100) || (1400 <= now && now < 1630)) {
      // フレックスメッセージ（予約券）
      messages = [{
        "type": "flex",
        "altText": "どい耳鼻咽喉科　予約券",
        "contents": {
          "type": "bubble",
          "body": {
            "type": "box",
            "layout": "vertical",
            "contents": [
              {
                "type": "text",
                "text": "どい耳鼻咽喉科　診察予約券",
                "weight": "bold",
                "color": "#1DB446",
                "size": "sm",
                "align": "center"
              },
              {
                "type": "text",
                "text": String(getNumber()),
                "weight": "bold",
                "size": "5xl",
                "margin": "xxl",
                "align": "center"
              },
              {
                "type": "separator",
                "margin": "xxl"
              },
              {
                "type": "box",
                "layout": "vertical",
                "margin": "xxl",
                "spacing": "sm",
                "contents": [
                  {
                    "type": "box",
                    "layout": "horizontal",
                    "contents": [
                      {
                        "type": "text",
                        "text": "・こちらの画面を受付でご提示下さい",
                        "size": "sm",
                        "color": "#555555",
                        "flex": 0
                      }
                    ]
                  },
                  {
                    "type": "box",
                    "layout": "horizontal",
                    "contents": [
                      {
                        "type": "text",
                        "text": "・遅れた場合予約券は無効になります",
                        "size": "sm",
                        "color": "#555555",
                        "flex": 0
                      }
                    ]
                  },
                  {
                    "type": "box",
                    "layout": "horizontal",
                    "contents": [
                      {
                        "type": "text",
                        "text": "・こまめに【待ち状況】をご確認下さい",
                        "size": "sm",
                        "color": "#555555",
                        "flex": 0
                      }
                    ]
                  }
                ]
              },
              {
                "type": "separator",
                "margin": "xxl"
              },
              {
                "type": "box",
                "layout": "horizontal",
                "margin": "md",
                "contents": [
                  {
                    "type": "text",
                    "text": "医院電話番号",
                    "size": "xs",
                    "color": "#aaaaaa",
                    "flex": 0
                  },
                  {
                    "type": "text",
                    "text": "047-496-1133",
                    "color": "#aaaaaa",
                    "size": "xs",
                    "align": "end"
                  }
                ]
              }
            ]
          },
          "styles": {
            "footer": {
              "separator": true
            }
          }
        }
      }];
    } else {
      messages[0].text = "現在発券時間外です。受付時間は午前8:30~11:00 午後2:00~4:30です。";
    }
  } else if (userMessage === '今何番目？') {
    messages[0].text = '現在'+ getNumberB1() + '番を診察中です。';
  } else if (userMessage === '更新') {
    incrementB1();
    messages[0].text = getNumberB1()+ '番を診察中に更新しました。';
  } else if (userMessage === "初期化") {
    initialA1B1();
    messages[0].text = "予約券番号・診察中番号の初期化しました。"
  }
  return messages
}


function doPost(e) {
  // WebHookで受信した応答用Token
  var replyToken = JSON.parse(e.postData.contents).events[0].replyToken;
  // ユーザーのメッセージを取得
  var userMessage = JSON.parse(e.postData.contents).events[0].message.text;
  // 応答メッセージ用のAPI URL
  var url = 'https://api.line.me/v2/bot/message/reply'; 
  // 応答メッセージを作成
  var messages = createMessages(userMessage)

  UrlFetchApp.fetch(url, {
    'headers': {
      'Content-Type': 'application/json; charset=UTF-8',
      'Authorization': 'Bearer ' + ACCESS_TOKEN,
    },
    'method': 'post',
    'payload': JSON.stringify({
      'replyToken': replyToken,
      'messages': messages,
    }),
  });
  return ContentService.createTextOutput(JSON.stringify({'content': 'post ok'})).setMimeType(ContentService.MimeType.JSON);
}

追加したい関数は以下の通りです。
recordLineUserId(userId)の引数である(userId)をどうやって定義し、この関数に紐づけるのかがわからない状態です。この関数でやりたいことは、Google Spread SheetのE列の空いてるセルにユーザーIDを登録する、というものです。
追加したいソースコードは以下に記載されています（一番最初のやつです）
https://qiita.com/doikatsuyuki/items/12de9078e3b5be83ef5f

おそらく、最初にfunction doPost(e) の中にuseridを取得するコードを追加するんだろうと推測していますが、その後、そのuseridをどうすれば引数として使えるようになるのかがわかりません。

function recordLineUserId(userId) {
  var activeSheet = SpreadsheetApp.getActiveSpreadsheet().getActiveSheet();
  // E列の空いているセルの行番号を取得する。（E1,E2が既に埋まっていたらnext=3となる）
  var next = activeSheet.getRange("E:E").getValues().filter(String).length + 1;
  Logger.log(next);
  // E列の空いてるセルにユーザーIDを登録する
  activeSheet.getRange(next, 5).setValue(userId);
};

Answer 1

doPost関数内で以下の記述で取得できます。

var userId = JSON.parse(e.postData.contents).events[0].source.userId;

また、doPostで受け取っているリクエスト情報の形式は以下の情報となります。

{
    "events": [
        {
            "type": "message",
            "replyToken": "トークンがこちらに記載されています。",
            "source": {
                "userId": "ユーザーIDがこちらに記載されています。",
                "type": "user"
            },
            "timestamp": "タイムスタンプがこちらに記載されています。",
            "mode": "active",
            "message": {
                "type": "text",
                "id": "メッセージのIDがこちらに記載されています。",
                "text": "発券"
            }
        }
    ],
    "destination": "宛先情報?がこちらに記載されています。"
}

userId以外に取得したい情報があった場合、上記を参考に取得できます。

例えば、タイムスタンプを取得したいという場合は、以下のようになります。

var timestamp = JSON.parse(e.postData.contents).events[0].timestamp;

ご参考になれば幸いです。

追記

動作したソース

// LINE developersのメッセージ送受信設定に記載のアクセストークン
var ACCESS_TOKEN = 'アクセストークン';

function getNumber() {
  //1. 現在のスプレッドシートを取得
  var spreadsheet = SpreadsheetApp.getActiveSpreadsheet();
  //2. 現在のシートを取得
  var sheet = spreadsheet.getActiveSheet();
  //3. 指定するセルの範囲（A1）を取得
  var range = sheet.getRange("A1");
  //4. 値を取得する
  var value = range.getValue();
  //5. 発券済み枚数を増やす
  range.setValue(value + 1); 
  //ログに出力
  return value;
}


function getNumberB1() {
  //1. 現在のスプレッドシートを取得
  var spreadsheet = SpreadsheetApp.getActiveSpreadsheet();
  //2. 現在のシートを取得
  var sheet = spreadsheet.getActiveSheet();
  //3. 指定するセルの範囲（B1）を取得
  var range = sheet.getRange("B1");
  //4. 値を取得する
  var value = range.getValue();  
  //ログに出力
  return value;
}


function incrementB1() {
  //1. 現在のスプレッドシートを取得
  var spreadsheet = SpreadsheetApp.getActiveSpreadsheet();
  //2. 現在のシートを取得
  var sheet = spreadsheet.getActiveSheet();
  //3. 指定するセルの範囲（B1）を取得
  var range = sheet.getRange("B1");
  //4. 値を取得する
  var value = range.getValue();
  //5. 発券済み枚数を増やす
  range.setValue(value + 1);
}

//A1セル値を1にB1セル値を0に初期化する関数
function initialA1B1() {
  //1. 現在のスプレッドシートを取得
  var spreadsheet = SpreadsheetApp.getActiveSpreadsheet();
  //2. 現在のシートを取得
  var sheet = spreadsheet.getActiveSheet();
  //3A. 指定するセルの範囲（A1）を取得
  var rangeA = sheet.getRange("A1");
  //3B. 指定するセルの範囲（B1）を取得
  var rangeB = sheet.getRange("B1");  
  // 4.初期化：セルに値をセットする場合はsetValueを使う
  rangeA.setValue(1);
  rangeB.setValue(0);
}

function test(e) {
  //1. 現在のスプレッドシートを取得
  var spreadsheet = SpreadsheetApp.getActiveSpreadsheet();
  //2. 現在のシートを取得
  var sheet = spreadsheet.getActiveSheet();
  //3. 指定するセルの範囲（C1）を取得
  var rangeA = sheet.getRange("C1");
  //4.初期化：セルに値をセットする場合はsetValueを使う
  rangeA.setValue(e);
}
  

function createMessages(userMessage) {
  var messages = [{
    'type': 'text',
    'text': ''
  }];
  
  //現在日時を取得(HHmm形式)　例）08：30の場合、nowに0830が入る
  var today = new Date();
  var now = Utilities.formatDate(today, "Asia/Tokyo", "HHmm");
  //日月火水木金土が0~6の数字で入る
  var day = today.getDay();
  
  //発券（患者）
  if (userMessage === "発券") {
    if(day === 0 || day === 6 && 1400 <= now ){//日曜または土曜午後の場合
    messages[0].text = "土曜午後・日曜・祝日は休診日です";  
    }else if ((830 <= now && now < 1100) || (1400 <= now && now < 1630)) {
      // フレックスメッセージ（予約券）
      messages = [{
        "type": "flex",
        "altText": "どい耳鼻咽喉科　予約券",
        "contents": {
          "type": "bubble",
          "body": {
            "type": "box",
            "layout": "vertical",
            "contents": [
              {
                "type": "text",
                "text": "どい耳鼻咽喉科　診察予約券",
                "weight": "bold",
                "color": "#1DB446",
                "size": "sm",
                "align": "center"
              },
              {
                "type": "text",
                "text": String(getNumber()),
                "weight": "bold",
                "size": "5xl",
                "margin": "xxl",
                "align": "center"
              },
              {
                "type": "separator",
                "margin": "xxl"
              },
              {
                "type": "box",
                "layout": "vertical",
                "margin": "xxl",
                "spacing": "sm",
                "contents": [
                  {
                    "type": "box",
                    "layout": "horizontal",
                    "contents": [
                      {
                        "type": "text",
                        "text": "・こちらの画面を受付でご提示下さい",
                        "size": "sm",
                        "color": "#555555",
                        "flex": 0
                      }
                    ]
                  },
                  {
                    "type": "box",
                    "layout": "horizontal",
                    "contents": [
                      {
                        "type": "text",
                        "text": "・遅れた場合予約券は無効になります",
                        "size": "sm",
                        "color": "#555555",
                        "flex": 0
                      }
                    ]
                  },
                  {
                    "type": "box",
                    "layout": "horizontal",
                    "contents": [
                      {
                        "type": "text",
                        "text": "・こまめに【待ち状況】をご確認下さい",
                        "size": "sm",
                        "color": "#555555",
                        "flex": 0
                      }
                    ]
                  }
                ]
              },
              {
                "type": "separator",
                "margin": "xxl"
              },
              {
                "type": "box",
                "layout": "horizontal",
                "margin": "md",
                "contents": [
                  {
                    "type": "text",
                    "text": "医院電話番号",
                    "size": "xs",
                    "color": "#aaaaaa",
                    "flex": 0
                  },
                  {
                    "type": "text",
                    "text": "047-496-1133",
                    "color": "#aaaaaa",
                    "size": "xs",
                    "align": "end"
                  }
                ]
              }
            ]
          },
          "styles": {
            "footer": {
              "separator": true
            }
          }
        }
      }];
    } else {
      messages[0].text = "現在発券時間外です。受付時間は午前8:30~11:00 午後2:00~4:30です。";
    }
  } else if (userMessage === '今何番目？') {
    messages[0].text = '現在'+ getNumberB1() + '番を診察中です。';
  } else if (userMessage === '更新') {
    incrementB1();
    messages[0].text = getNumberB1()+ '番を診察中に更新しました。';
  } else if (userMessage === "初期化") {
    initialA1B1();
    messages[0].text = "予約券番号・診察中番号の初期化しました。"
  }
  return messages
}

function recordLineUserId(userId) {
  var activeSheet = SpreadsheetApp.getActiveSpreadsheet().getActiveSheet();
  // E列の空いているセルの行番号を取得する。（E1,E2が既に埋まっていたらnext=3となる）
  var next = activeSheet.getRange("E:E").getValues().filter(String).length + 1;
  Logger.log(next);
  // E列の空いてるセルにユーザーIDを登録する
  activeSheet.getRange(next, 5).setValue(userId);
};


function doPost(e) {
  var event = JSON.parse(e.postData.contents).events[0];
  // WebHookで受信した応答用Token
  var replyToken = event.replyToken;
  // ユーザーのメッセージを取得
  var userMessage = event.message.text;
  // 応答メッセージ用のAPI URL
  var url = 'https://api.line.me/v2/bot/message/reply'; 
  // 応答メッセージを作成
  var messages = createMessages(userMessage)
  // ユーザーIDを取得
  var userId = event.source.userId;
  // ユーザーIDを登録
  recordLineUserId(userId);
  
  UrlFetchApp.fetch(url, {
    'headers': {
      'Content-Type': 'application/json; charset=UTF-8',
      'Authorization': 'Bearer ' + ACCESS_TOKEN,
    },
    'method': 'post',
    'payload': JSON.stringify({
      'replyToken': replyToken,
      'messages': messages,
    }),
  });
  return ContentService.createTextOutput(JSON.stringify({'content': 'post ok'})).setMimeType(ContentService.MimeType.JSON);
}

Comments

[turbo3681]

ご回答ありがとうございます。
リクエスト情報の形式など、根本的に理解していないなぁと感じました。
勉強になります。
いただいたソースコードを埋め込みましたが、スプレッドシートにIDが反映されません。
何か足りないのでしょうか。アドバイスいただけますと助かります。

[Twoshi]

ご質問いただいていた内容を元にソースを修正し動作させてみました。

問題無くE列にuserIdが登録されました。
動作したソースを回答に追記させていただきます。

[turbo3681]

ありがとうございます！！
ソースコードを拝見しまして、こちらが抜けていることがわかりました。
　recordLineUserId(userId);
おかげさまで無事取得できました。関数を動かさないとダメってことなんですね・・・

追加でお尋ねしたいのですが、ソースコードに
messages[0] というのが出てきますが、[0]はどういう意味なんでしょうか。

[Twoshi]

ご質問いただきありがとうございます！

> messages[0] というのが出てきますが、[0]はどういう意味なんでしょうか。
配列の0番目を取得する意味になります。

例えば
test = ["a", "b", "c"]

というデータがあった場合に、a, b, c は、それぞれ配列の 0番目、 1番目、 2番目となります。

bを取得したい場合は、test[1]とすることで取得することができます。
ご参考になればと思いますm(_ _)m

[turbo3681]

ありがとうございます。
例えば、この場合ですと、
messages[0].text = "予約券番号・診察中番号の初期化しました。"

messagesの0番目にtextを入れるという意味になりますか？

最初に教えていただいたこのコードを見ると、messagesの中のtextは、0しゃなくて2になるのではないかと思いまして…

"message": {
"type": "text",
"id": "メッセージのIDがこちらに記載されています。",
"text": "発券"
}

ちょっとモヤモヤしています…

[Twoshi]

ご質問いただきありがとうございます！

> messagesの0番目にtextを入れるという意味になりますか？
messagesの０番目にあるtextに返信メッセージを入れるという意味になります。

先の例は a, b, c という文字列でしたが、配列は文字列だけでは無くオブジェクトを入れることもできます。
> test = ["a", "b", "c"]

例えば、messagesに複数情報が存在するのであれば以下のようになります。(今回のソースでは情報は1件のみですが...)

var messages = [
{
'type': 'text',
'text': '返信用テキストメッセージ'
},
{
'type': 'text',
'text': '返信用テキストメッセージ'
}
];

配列0番目のtextのメッセージを変更したい場合は、以下となります。
messages[0].text = "変更したいメッセージ"

よろしくお願いいたします。

[turbo3681]

ご丁寧に説明いただきましてありがとうございました！大変理解が深まりモヤモヤが解消出来ました。

Answer 2

公式のリファレンスによるとeventの中身はこうなってるみたいですよ。

Line Developers API リファレンス - Webhook イベントオブジェクト

{
  "destination": "xxxxxxxxxx",
  "events": [
    {
      "replyToken": "0f3779fba3b349968c5d07db31eab56f",
      "type": "message",
      "mode": "active",
      "timestamp": 1462629479859,
      "source": {
        "type": "user",
        "userId": "U4af4980629..."    // ←ここにuserId
      },
      "message": {
        "id": "325708",
        "type": "text",
        "text": "Hello, world"
      }
    },
    {
      "replyToken": "8cf9239d56244f4197887e939187e19e",
      "type": "follow",
      "mode": "active",
      "timestamp": 1462629479859,
      "source": {
        "type": "user",
        "userId": "U4af4980629..."
      }
    }
  ]
}

これでどうでしょうか。

function doPost(e) {
  
  var event = JSON.parse(e.postData.contents).events[0];

  var userId = event.source.userId;

  recordLineUserId(userId);  // ←呼び出し


  // WebHookで受信した応答用Token
  var replyToken = event.replyToken;
  // ユーザーのメッセージを取得
  var userMessage = event.message.text;

  ...

Comments

[turbo3681]

ご回答いただきありがとうございます。
公式のリファレンスに記載があるんですね。ありがとうございました。
いただいたソースコードを埋め込みましたが、スプレッドシートにIDが反映されません。
特にエラーも出ないのですが、何か足りないコードがあるのでしょうか。