LINEbotで応答しない【初心者】

Question

前提

LINE bot初心者です。
LINEbotで診断テストを作っているのですが、スプレッドシートに書かれた結果を読み取り、送信することができず困っています。アドバイスなど教えて頂けると嬉しいです。

実現したいこと

1. 「Shitsumon_2」のテンプレートボタンをメッセージとして送信→成功

2. LINE側で「Shitsumon_2」の選択ボタンを押す。→成功

3. 選択肢1の場合、「result_ok_1」へイベントを送る。

4. 「getdatafromSheet」にeventと「result_ok_1」のデータを送る。

3と4のように、選択肢に合った回答をスプレッドシートから読み取り、結果をメッセージとして送信したいのですが、ボタンを押してもLINE botから応答がなく困っています。解決策やアドバイスなどありましたら、教えて頂けると嬉しいです。

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

実行後、エラーはないのですが、別のスプレッドシートのlogは何も記載されず、LINE botの応答がありません。

該当のソースコード

const CHANNEL_ACCESS_TOKEN = "F3a+******Xj5RDIIWFm/FstrDv/pRPCHpcsm8ulh9XWGpJHjbfXEKhlYczFfdLlvcmUz61BB6eiuAj9l2pgp2/FyXnyBJbBdO5dDYIbiuMw0Uu8x2s8XQeOexUDJHqjI5bggI5gdB04t89/1O/w1cDnyilFU=";
const url = "https://api.line.me/v2/bot/message/reply";
const spreadsSheet = SpreadsheetApp.openById("****GJFdlDY5Zs72mH293qM_qIGynSTk");

const push_url = "https://api.line.me/v2/bot/message/push";

function doPost(e) {
  try {
    doPostProxy(e);
  } catch (err) {
    debug(JSON.stringify(err.stack || err.message, undefined, 1));
  }//例外処理
}
//dopostの関数定義
function doPostProxy(e) {
  var json = e.postData.contents
  //返信するためのJSONの取得  
  var events = JSON.parse(json).events;
  events.forEach(function (event) {
    if (event.type == "follow") {//①
      shokaibun_1(event);//①→2
    }//相手が友達追加したら場合のみ起きる。
    else if (event.type == "message"){
      var reply_message = event.message.text;
      //shokaibun_1(event);
      if("スタート" === reply_message) {
      var reply_message = event.message.text;
      shitsumon_2(event);
    }
    }
    
//ここからスプレッドシート「rensyu」用のコード  
      else if(event.type == "postback"&& JSON.parse(event.postback.data).action==="aite_senpai"){//(38)
        getresultFromSheet(event,result_ok_1(event));
      }else if(event.type == "postback"&& JSON.parse(event.postback.data).action==="aite_kohai"){//(38)
        getresultFromSheet(event,result_ok_2(event));
      }
      if (typeof replyToken === 'undefined') {
      return;
    }
  }
  );
};
  //質問文2
    function shitsumon_2(e) {//(5)
    let Msg2 = {
      "replyToken" : e.replyToken,
      "messages" : [
        {
      "type": "template",
      "altText": "選択",
      "template": {
        "type": "buttons",
        "title": "誰に送る？",
        "text": "誰に送る？",
        "actions": [
        {
          "type": "postback",
          "label": "選択1",
          "text": "送る相手は\n選択1",
          "data": JSON.stringify({"action":"aite_senpai"})
        },
        {
          "type": "postback",
          "label": "選択２",
          "text": "送る相手は\n選択2",
          "data": JSON.stringify({"action":"aite_kohai"})
        }
      ]
    } 
  } 
      ]
    };
    
  let pro_2 = {
      "method" : "post",
      "headers" : {
        "Content-Type" : "application/json",
        "Authorization" : "Bearer " + CHANNEL_ACCESS_TOKEN
      },
      
      "payload" : JSON.stringify(Msg2)
    };
    var response = UrlFetchApp.fetch(url, pro_2);
  // return response.getResponseCode();
  return ContentService.createTextOutput(JSON.stringify({
    'content': 'post ok'
  })).setMimeType(ContentService.MimeType.JSON);
  };
//最終選択まとめ1
function result_ok_1(e){
  var sheet = spreadsSheet.getSheetByName('rensyu');
  //スプレッドシートの読み込み
  var replytextList1 = sheet.getRange('D2').getValue();//D2のデータを設定。
  //シートの全受信語句と返信語句を二次元配列で取得する//(2,8)→(2,45)：F45まで
  //返信語句を格納するための空配列を宣言する
    return replytextList1;
};
//最終選択まとめ2
function result_ok_2(e){
  var sheet = spreadsSheet.getSheetByName('rensyu');
  //スプレッドシートの読み込み
  var replytextList1 = sheet.getRange('D3').getValue();//D3のデータを設定。
  //シートの全受信語句と返信語句を二次元配列で取得する//(2,8)→(2,45)
  //返信語句を格納するための空配列を宣言する
    return replytextList1;
};

//スプレッドシートの中の結果を配列に移動させ、出力するプログラム
function getresultFromSheet(e,replyTextList){
  //var reply_token　= data.events[0].replyToken;//→replyTOkenの引き渡しとeventの設定（12/26）
  //LINEで受信した語句がシートの受信語句と一致しない場合、関数を終了する
  if(replyTextList.length < 1) {
    return;//何もセル内にテキストが含まれていないとき
 } else if(replyTextList.length > 5) {//5個以上のメッセージがセルの中に含まれているとき
    var messageLength = 5;
  } else {//１つ以上5個未満のメッセージがセルの中に含まれている時
    var messageLength = replyTextList.length;
  }
  var messageArray = [];

  for(var j = 0; j < messageLength; j++) {
    messageArray.push({"type": "text", "text": replyTextList[j]});
  }
  var postData = {
    "replyToken" : e.replyToken,
    "messages" : messageArray,
  };
  let option1 = {
    "method" : "post",
    "headers" : {
      "Content-Type" : "application/json",
      "Authorization" : "Bearer " + CHANNEL_ACCESS_TOKEN
    },
     "payload" : JSON.stringify(postData),
     "muteHttpExceptions" : true,
    "validateHttpCertificates" : false,
    "followRedirects" : false 
  };
  try{
     var response = UrlFetchApp.fetch(push_url, option1);
    Logger.log(response);
    
  }catch(e) {
    // 例外エラー処理
    Logger.log("Error:");
    Logger.log(e);
  }
  };
  
//エラー処理
function debug(message) {
  spreadsSheet.getSheetByName('log').appendRow([message]);
}

試したこと

・編集後、新しくデプロイしWebhookのURLを更新。
・スプレッドシート名、URLの確認

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

参考にしたサイト：

1. https://uxmilk.jp/25841「スプレッドシートの読み取り方法についてまとめられたもの」
2. https://www.yukibnb.com/entry/linemessagingapi_sheet#%E8%A4%87%E6%95%B0%E3%81%AE%E5%90%B9%E3%81%8D%E5%87%BA%E3%81%97%E3%82%92LINE-BOT%E3%81%AB%E8%BF%94%E4%BF%A1%E3%81%95%E3%81%9B%E3%81%9F%E3%81%84%E5%A0%B4%E5%90%88「スプレッドシートの一つのセル内に複数の文字が含まれている場合の読み取りと出力方法についてまとめられたもの」

スプレッドシートはこのようになっています。

コードを書き換える度、デプロイとWebhookのURLを新しく更新しています。
アクセスするユーザーは全員としました。
LINE botでのメッセージの取得、カーセルボタンによる分岐は上手くいったのですが、スプレッドシートに書かれた結果を取得し、送ることがうまく出来ず困っています。
お手隙の方、解決方法等、ご教示頂きたいです。よろしくお願いいたします。

Comments

[YAmaGNZ]

ご自身のプログラムがどのように動作しているか確認されたのでしょうか？

[yuma.inaura]

スプレッドシートを介さずLINE bot を反応させることには成功しているんでしょうか？

[Qchan.8]

お返事ありがとうございます。スプレッドシートの部分以外は動作しており、LINE botからメッセージを受け取り、返事も送ることはできているのですが、スプレッドシートとの連携とデータの取得の部分が上手くいっていません。

[YAmaGNZ]

＞スプレッドシートとの連携とデータの取得の部分が上手くいっていません。
ということはどこが正常に動作していないのか確認出来ているということですか？
そうなのであればどこか提示してください。

[Qchan.8]

・33〜34、91〜98行目、110〜149行目
・35〜36、100〜149行目
にかけてがそれぞれスプレッドシートの一つのセルの中のデータを取得、LINE botに送信する部分になり、正常に動作していません。
・15から89行目までは正常に動作しています。（33から37行目を除く）
よろしくお願いいたします。

[YAmaGNZ]

33～34行となると、そもそもevent.typeの値によって91～とか上げている関数が呼ばれていないだけなどあるじゃないですか
なのでevent.typeの値などをログに出力するなりしてデバッグする必要があるわけです。

result_ok_1やresult_ok_2の関数だったらLINEの応答とは直接関係なさそうですし
関数単体でのテストも行えそうです。

そのあたりを確認しましたかということです。

[Qchan.8]

アドバイスありがとうございます。早速、result_ok_1とresult_ok_2は両方とも、ログで確認し、スプレッドシートの値を読み取ることができたのですが、LINEbotに送るとなると何も送られなくなってしまいます。今のコードより、分解して一つずつ調べているのですが、まだなぜ何も送られてこないのか解明していないため、アドバイスなどありましたら、教えてくださると嬉しいです。

[YAmaGNZ]

Shitsumon_2の選択ボタンを押した時にスクリプトが動作しているのは確認しましたか？
その時33行目のif文の条件を満たすのかどうかを確認しましたか？
event.typeの値はどうなっていますか？
event.postback.dataの値は？
JSON.parse(event.postback.data).actionの値は？

ご自身の作成したスクリプトがどこまで動いているのか確認しましょう。
そして、想定している部分が動いていないのであれば、そこが動くための条件を満たしているのかを確認しましょう。

Answer 1

アドバイスを頂き、ありがとうございます。配列やfor文を使ったものの理解がまだ勉強不足と感じたため、これらを使わず一つの値だけをセルから取り出すプログラムを複数書く方法で行ったら、スプレッドシートから値を取り出しLINE botに送信することができました。
この方法だと、プログラムのFanctionがあまりにも多く、大変だったため、頂いたアドバイスを基に配列を用いたものにももう一度、挑戦し直したいと思います。また、つまずいた際に知恵を貸して頂けると嬉しいです。ありがとうございます。

Answer 2

実行後、エラーはないのですが、別のスプレッドシートのlogは何も記載されず、LINE botの応答がありません。

→エラーはないとのことですが、実際にはエラーは発生しています。
しかし質問者さん自身のオリジナルレシピコードのせいで、そのエラー内容がシートに表示されなくなっています。

140行目から149行目の

  try{
     var response = UrlFetchApp.fetch(push_url, option1);
    Logger.log(response);
    
  }catch(e) {
    // 例外エラー処理
    Logger.log("Error:");
    Logger.log(e);
  }
  };

により、(仮に)例外が発生すると Logger.log の行が実行されます。しかしWebアプリなので（プロジェクトをGCPに紐付けていない限り）ログ内容をエディタで確認することはできません。

もともとエラーログを確認できるように、doPost を try ～ catch で囲んでいますが、さらに内部に try ～ catchを設置して（つまり上記の try ～ catch で）処理されてしまうと、（そのcatch内で例外が発生しない限り） doPost側 の catch には移行しません。
結果、ログシートにエラーが記録されなくなっています。
ここは、try～catch を挟む必要はありません。また doPostの処理中に Logger や console を使っても、GCPに紐付けていない限りエディタのログに表示されないので、シートに出力するようにします。

    var response = UrlFetchApp.fetch(url, option);
    debug(response.getContentText();  // Logger.log／console.log とすると内容が確認できないのでシートに出力。
    // doPost を try～catch で囲んでいるのでここをさらに囲む必要はない

---

エラーと修正

じゃあ具体的なエラーは何なのか、という話。

1つ目は、カルーセルで選択した後のリプライをプッシュメッセージで送っている点です。
141行目

     var response = UrlFetchApp.fetch(push_url, option1);

プッシュメッセージは、あて先（toプロパティー）なしで送れません。（エラーになる）
ここは、メッセージデータにリプライトークンを付けていることから、

     var response = UrlFetchApp.fetch(url, option1);

としたかったのだと推測しました。

---

2つ目は、スプレッドシートから渡す返信データが(渡し方がまずいために)不正なデータとして扱われてしまう場合があるという点です。
スプレッドシートのrensyu シート画像を見るに、カルーセル選択後に返信するデータは、セル内改行されています。
選択肢１を選んだときに返信する文字は、画像の通りであれば
A
B
C
というものですが、これを元質問のコードで処理した場合 replyTextListは「A\nB\nC\n」という文字列になります。
そして getresultFromSheet 関数の 122～124行目

  for(var j = 0; j < messageLength; j++) {
    messageArray.push({"type": "text", "text": replyTextList[j]});
  }

という処理によって、messageArray は ['A', '\n', 'B', '\n', 'C', '\n']という配列になります。
つまり改行を含めて1文字ずつ区切られてしまうわけです。

これを LINE BOTでリプライメッセージとして返信させようとすると、2文字目の「\n」という改行文字を処理した時点で下記のようなエラーが返ってきて失敗します。

{"message":"May not be empty","property":"messages[1].text"}

なぜなら、改行文字1文字だけでは、テキストの内容が空(empty）であると判定されてしまうからです。

（参考にしたとされる記事内容との整合性はひとまず置いといて）ここは改行文字で区切った配列を replyTextList として getresultFromSheet 関数に渡せばよいでしょう。

    //ここからスプレッドシート「rensyu」用のコード  
    else if (event.type == "postback" && JSON.parse(event.postback.data).action === "aite_senpai") {//(38)
-     getresultFromSheet(event, result_ok_1(event));
+     getresultFromSheet(event, result_ok_1(event).split('\n'));

---

略
//dopostの関数定義
function doPostProxy(e) {
  var json = e.postData.contents
  //返信するためのJSONの取得  
  var events = JSON.parse(json).events;

  events.forEach(function (event) {
    if (event.type == "follow") {//①
      shokaibun_1(event);//①→2
    }//相手が友達追加したら場合のみ起きる。
    else if (event.type == "message") {
      var reply_message = event.message.text;
      //shokaibun_1(event);
      if ("スタート" === reply_message) {
        var reply_message = event.message.text;
        shitsumon_2(event);
      }
    }

    //ここからスプレッドシート「rensyu」用のコード  
    else if (event.type == "postback" && JSON.parse(event.postback.data).action === "aite_senpai") {//(38)
      getresultFromSheet(event, result_ok_1(event).split('\n'));
    } else if (event.type == "postback" && JSON.parse(event.postback.data).action === "aite_kohai") {//(38)
      getresultFromSheet(event, result_ok_2(event).split('\n'));
    }
    if (typeof replyToken === 'undefined') {
      return;
    }
  }
  );
};

//質問文2
function shitsumon_2(e) {//(5)
略
};

//最終選択まとめ1
function result_ok_1(e) {
略
};
//最終選択まとめ2
function result_ok_2(e) {
略
};

//スプレッドシートの中の結果を配列に移動させ、出力するプログラム
function getresultFromSheet(e, replyTextList) {
  logger(replyTextList)
  //var reply_token　= data.events[0].replyToken;//→replyTOkenの引き渡しとeventの設定（12/26）
  //LINEで受信した語句がシートの受信語句と一致しない場合、関数を終了する
  if (replyTextList.length < 1) {
    return;//何もセル内にテキストが含まれていないとき
  } else if (replyTextList.length > 5) {//5個以上のメッセージがセルの中に含まれているとき
    var messageLength = 5;
  } else {//１つ以上5個未満のメッセージがセルの中に含まれている時
    var messageLength = replyTextList.length;
  }
  var messageArray = [];

  for (var j = 0; j < messageLength; j++) {
    messageArray.push({ "type": "text", "text": replyTextList[j] });
  }

  var postData = {
    "replyToken": e.replyToken,
    "messages": messageArray,
  };

  let option1 = {
    "method": "post",
    "headers": {
      "Content-Type": "application/json",
      "Authorization": "Bearer " + CHANNEL_ACCESS_TOKEN
    },
    "payload": JSON.stringify(postData),
    "muteHttpExceptions": true,
    "validateHttpCertificates": false,
    "followRedirects": false
  };

  var response = UrlFetchApp.fetch(url, option1);
  if (response.getResponseCode() !== 200) {
    throw new Error(response.getContentText());
  }

};
以下略