【初心者です】GASでのJSを用いたlinebot開発のpostbackアクションについて

Question

前提・実現したいこと

初心者です
GASでJavascriptを用いてカップルの割り勘botを作っています。

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

postbackを受け取った時と、messageを受け取った時の、条件分岐で、色々試行錯誤してみたのですが、postbackが受け取れていないみたいで、else if( events.type === 'postback')以下の処理が実行されません。
その直後に処理の確認のために入れていたSpreadsheetApp.getActiveSheet().getRange(1, 11).setValue("クリア");が実行できずにいます。

その前の行までの処理はうまくいっています。

該当のソースコード

// LINE developersのメッセージ送受信設定に記載のアクセストークン
const LINE_TOKEN = 'アクセストークン'
const LINE_URL = 'https://api.line.me/v2/bot/message/reply';

//postリクエストを受取ったときに発火する関数を定義

 function doPost(e) {
   // 応答用Tokenを取得
  const replyToken = JSON.parse(e.postData.contents).events[0].replyToken;//0
  // メッセージを取得
  
  const userMessage = JSON.parse(e.postData.contents).events[0].message.text;//0
  const events = JSON.parse(e.postData.contents).events[0]//0  
  
  //***************************
  // スプレットシートからデータを抽出
  // ***************************
  // 1. 今開いている（紐付いている）スプレッドシートを定義
  const sheet     = SpreadsheetApp.getActiveSpreadsheet();
  // 2. ここでは、デフォルトの「シート1」の名前が書かれているシートを呼び出し
  const listSheet = sheet.getSheetByName("シート1");
  // 3. 最終列の列番号を取得
  const numColumn = listSheet.getLastColumn();
  // 4. 最終行の行番号を取得
  const numRow    = listSheet.getLastRow()-1;
  // 5. 範囲を指定（上、左、右、下）
  const topRange  = listSheet.getRange(1, 1, 1, numColumn);      // 一番上のオレンジ色の部分の範囲を指定
  const dataRange = listSheet.getRange(2, 1, numRow, numColumn); // データの部分の範囲を指定
  // 6. 値を取得
  const topData   = topRange.getValues();  // 一番上のオレンジ色の部分の範囲の値を取得
  const data      = dataRange.getValues(); // データの部分の範囲の値を取得
  const dataNum   = data.length +2;        // 新しくデータを入れたいセルの列の番号を取得

  //botに対して何か送られてきた時の処理
if(events.type === "message") {
  SpreadsheetApp.getActiveSheet().getRange(1, 10).setValue(userMessage);
  
   //メッセージを改行ごとに分割
  const all_msg = userMessage.split("\n");
  const msg_num = all_msg.length;
  
   
  // ***************************
  // スプレッドシートにデータを入力
  // ***************************
  //最初のA列は、入力した時間を入れる
  const  dataNow = Utilities.formatDate(new Date() , 'Asia/Tokyo', 'MM');
  SpreadsheetApp.getActiveSheet().getRange(dataNum, 1).setValue(dataNow);
  // 最終列の番号まで、順番にスプレッドシートの左からデータを新しく入力 
  for (let i = 0; i < msg_num; i++) { SpreadsheetApp.getActiveSheet().getRange(dataNum, i+2).setValue(all_msg[i]);}

  //各住人ごとに合計を計算し、スプレッドシートに反映
　for (let i = 3; i<=5; i++) {
   SpreadsheetApp.getActiveSheet().getRange(i, 7).setFormula('=SUMIF(B:B,F'+i+',D:D)')}

  //彼氏の合計と、彼女の合計をそれぞれスプレッドシート上に記入した関数をもとに、定義
   const sumMale =SpreadsheetApp.getActiveSheet().getRange(3,7).getValue();
   const sumFemale =SpreadsheetApp.getActiveSheet().getRange(4,7).getValue();
  
  //二人のそれぞれの合計をもとに、精算処理を行い、精算結果を示す文字列を定義
  let deal1 =null;
  let deal2 = null;
  if (sumMale<=sumFemale){
      deal1 = SpreadsheetApp.getActiveSheet().getRange(4,10).getValue();
      deal2 = `彼氏が彼女に¥${deal1}払う` 
    } 
  else{
      deal1 =  SpreadsheetApp.getActiveSheet().getRange(3,10).getValue();
      deal2 = `彼女が彼氏に¥${deal1}払う`
    };
  // ***************************
  // 返信用のメッセージの定義
  // ***************************
  let after_msg =null;
  
 //「完了」と入力した時に、今までのデータをリセットする
  if(all_msg[0] ===  "完了" ){
    after_msg = [{"type":"flex","altText":"This is a Flex Message",  "contents":{"type":"bubble","body":{"type":"box","layout":"baseline","contents":[{"type":"text","text":"本当に精算完了しますか？","weight":"bold","size":"17px"}]},"footer":{"type":"box","layout":"vertical","spacing":"sm","contents":[{"type":"button","style":"link","height":"sm","action":{"type":"postback","label":"はい","data":"yes","displayText":"はい"}},{"type":"button","style":"link","height":"sm","action":{"type":"postback","label":"いいえ","data":"No","displayText":"いいえ"}},{"type":"spacer","size":"sm"}],"flex":0}}}]  
 
  }
  //「キャンセル」と入力した時に、最終行のデータを消し、消したアイテムをメッセージで伝える
  
  else if(all_msg[0] === "キャンセル"){
    const missitem =SpreadsheetApp.getActiveSheet().getRange(numRow+1,3).getDisplayValue();SpreadsheetApp.getActiveSheet().getRange(numRow+1, 1, numRow+1 ,4).clearContent();
    after_msg =[{"type":"text","text":`${missitem}を取り消しました。`}];
          }
  //「リスト」と入力した時に、リストのスプレッドシートへの入力をとりけし、今まで記録していたリストを呼び出す
  else if (all_msg[0]==="リスト"){
    const numRow_new    = listSheet.getLastRow();
    SpreadsheetApp.getActiveSheet().getRange(numRow_new, 1, numRow_new ,numColumn).clearContent()
 
    //今までのスプレッドシートの情報を取得
   let msg_text = "";
   let  items = SpreadsheetApp.getActiveSheet().getRange(7,2,numRow+1,numColumn).getDisplayValues();
     
    const result_Row = numRow-6
    //返信用のテキストを定義
    for (i=0;i<=result_Row;i++) {
          msg_text= msg_text + '\n'+items[i][0]+ '\t'+items[i][1]+ '\t'+items[i][2];
		}   
//返信用メッセージを定義
    after_msg =[{"type":"text","text":`リストは以下の通りです\n${msg_text}\n\n精算結果\n${deal2}`}];
  }
  //もし彼氏か彼女じゃない文字列が入力されたときに、エラーとして処理
  else if(all_msg[0]!=="彼氏"&&all_msg[0]!=="彼女"){
    const numRow_new    = listSheet.getLastRow();
    
    SpreadsheetApp.getActiveSheet().getRange(numRow_new, 1, numRow_new ,numColumn).clearContent()
    
 after_msg =[{"type":"text","text":`エラーが発生しました。\n入力した文字をご確認ください`}];
  } else {after_msg = [{"type":"flex","altText":"This is a Flex Message",  "contents":{"type":"bubble","header":{"type":"box","layout":"vertical","contents":[{"type":"text","text":`${all_msg[0]}`,"color":"#ffffff"}],"backgroundColor":"#555555"},"body":{"type":"box","layout":"vertical","contents":[{"type":"box","layout":"vertical","contents":[{"type":"box","layout":"horizontal","contents":[{"type":"text","text":`${all_msg[1]}`,"flex":2},{"type":"text","text":`¥${all_msg[2]}`,"flex":1}]},{"type":"separator","margin":"md"}],"margin":"md"},{"type":"box","layout":"vertical","contents":[{"type":"separator","color":"#000000"},{"type":"box","layout":"vertical","contents":[{"type":"text","text":"精算","flex":2,"size": "15px"},{"type":"text","text":`${deal2}`,"flex":1,"size": "18px"}],"margin":"sm"}]}]}}}];}
  
//lineで返答する
  UrlFetchApp.fetch(LINE_URL, {'headers': {'Content-Type': 'application/json; charset=UTF-8','Authorization': `Bearer ${LINE_TOKEN}`, },'method': 'post','payload': JSON.stringify({ 'replyToken': replyToken, 'messages': after_msg, }),})
//ここまでがもしイベントがメッセージだった時の処理 
  
  
ContentService.createTextOutput(JSON.stringify({'content': 'post ok'})).setMimeType(ContentService.MimeType.JSON);

 const postbackData = JSON.parse(e.postData.contents).events[0].postback.data;
SpreadsheetApp.getActiveSheet().getRange(1, 11).setValue(postbackData);
}
else if(events.type === 'postback' )
  
{SpreadsheetApp.getActiveSheet().getRange(1, 11).setValue("クリア");
 
  const postbackData = JSON.parse(e.postData.contents).events[0].postback.data;//0
  const after_msg2 =null;
 
　if(postBackData ==="yes"){
   
      SpreadsheetApp.getActiveSheet().getRange(6, 1, numRow ,numColumn).clearContent();
       after_msg2 ="精算完了";}
 
  else if(postBackData ==="no"){
         after_msg2 ="精算完了をキャンセルしました";
   };
        UrlFetchApp.fetch(LINE_URL, {
    'headers': {
      'Content-Type': 'application/json; charset=UTF-8',
      'Authorization': `Bearer ${LINE_TOKEN}`,
    },
    'method': 'post',
    'payload': JSON.stringify({
     'replyToken': replyToken,
      'messages': after_msg2,
    }),
  });
ContentService.createTextOutput(JSON.stringify({'content': 'post ok'})).setMimeType(ContentService.MimeType.JSON);


}
}

試したこと

GASの処理能力の問題かもしれないと思い、ポストバック 処理を、メッセージを受け取った時の処理の前に置いてみたり、events[0]の処理以外の問題かもしれないと思い、イベントの個数に応じた繰り返し処理を試してみたりしました。

補足情報（FW/ツールのバージョンなど）

初心者でコードも見にくく、簡単なミスの可能性もありますが、回答いただけると助かります。よろしくお願いします。

Comments

[draq]

GAS の質問なら、Google Apps Script タグを付けてください。

Answer 1

目視でデバッグしただけですが、ポストバックイベントオブジェクトにはmessageというメンバーは無いので、

const userMessage = JSON.parse(e.postData.contents).events[0].message.text;//0

は、～.events[0].messageの部分がundefinedになるはずです。
そのためTypeError: Cannot read property 'text' of undefinedエラーが発生してるんじゃないでしょうか。

---

本題とは関係無いですが、もう少し処理を分けないとプログラムが見にくいです。（イベントタイプがmessageの場合とpostbackの場合の処理を別関数に切り出すとか）

Comments

[komukazu212]

回答ありがとうございました！困っていたことが解決しました！！
別関数書き出し等も試してみようと思います！