trelloAPIを用いたカード情報取得後の変数の整形について

Question

前提・実現したいこと

trelloでタスク管理をしているのですが、毎日自分でチェックするのが面倒なのでGASを利用して
trelloのAPIとslackのwebhookを用いtrelloのリストごとに残タスクをslackに自動で
投げてくれるようなツールを作りたいです。

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

trelloのAPIを使用してカードの名前とIDを取得することはできたのですが、
それを上手く整形できずに困っています。

エラーメッセージとは少し違うのですが、slack上で

ボット名
　Array
　Array

と表示されてしまいます。

該当のソースコード

function main(){
  getCardsFromList("hogehoge")//todoリスト
}

function getCardsFromList(listID){
  var DEV_API_KEY = "API_KEY";
  var API_TOKEN = "API_TOKEN";
  var url = 'https://api.trello.com/1/lists/' + listID + '/cards?key=' + DEV_API_KEY + '&token=' + API_TOKEN + '&fields=name';
   
  try {
         var response = UrlFetchApp.fetch(url, {'method':'get'}); // GETリクエスト 
         var message = "response";
         slack(message);
       } catch (er) { //エラー発生寺にログを記録
         var logText = "エラー : line - " + er.lineNumber + '\n Error: ' + er.message;
         addLog(logText);//スプレッドシートにエラーメッセージ記入
       }
}
function slack(message) {
  var postUrl = 'https://hooks.slack.com/services/hogehoge';
  var username = 'botbot';  // 通知時に表示されるユーザー名
  var icon = ':hatching_chick:';  // 通知時に表示されるアイコン
  var jsonData =
  {
     "username" : username,
     "icon_emoji": icon,
     "text" : message
  };
  var payload = JSON.stringify(jsonData);

  var options =
  {
    "method" : "post",
    "contentType" : "application/json",
    "payload" : payload
  };

  UrlFetchApp.fetch(postUrl, options);
}

試したこと

今回の問題はtrelloAPIから取得したresponseの型を整形できていないことから起きているのだと考え

var a = response.toString
slack(a)

を試しましたが、エラーが飛んでしまいました。以下がそのエラーメッセージです。

Error: https://hooks.slack.com のリクエストに失敗しました（エラー: 400）。
サーバー応答の一部: missing_text_or_fallback_or_attachments
（応答の全文を見るには muteHttpExceptions オプションを使用してください）

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

今年初めてPCを買い、プログラミング経験は3ヶ月で、メインはJavaを勉強してきました。
JSでの型の確認方法など調べたもののわからず、教えていただけると幸いです。

Comments

[退会済みユーザー]

> trelloのAPIを使用してカードの名前とIDを取得することはできたのですが、
> それを上手く整形できずに困っています。

取得できた内容を記載し、どのように整形したいのかを書いて下さい。

[takuto-biginner]

質問ありがとうございます。

function addLog(text) {
var spreadsheetId = "hogehoge";
var sheetName = "シート1";
var spreadsheet = SpreadsheetApp.openById(spreadsheetId);
var sheet = spreadsheet.getSheetByName(sheetName);
sheet.appendRow([new Date()/*タイムスタンプ*/,text]);
}

を用いてスプレッドシートに記載すると

[{"id":"hogehoge","name":"hogehgoe"}]

のように出力されています。

これをslackに飛ばせるように整形したいです。
おそらくstringに直せば良いと思うのですが、、、

Answer 1

response に Array がはいっているようなので、????のような感じでいかがでしょうか。
message には String を入れないといけないので、 card を一つずつ String にする必要がありそうです。

function getCardsFromList(listID){
  var DEV_API_KEY = "API_KEY";
  var API_TOKEN = "API_TOKEN";
  var url = 'https://api.trello.com/1/lists/' + listID + '/cards?key=' + DEV_API_KEY + '&token=' + API_TOKEN + '&fields=name';

  try {
         var response = UrlFetchApp.fetch(url, {'method':'get'}); // GETリクエスト 
         // var message = "response";
         // slack(message); // 誤 そもそもこれだと "response" が送信される？
         // 追記
         var jsonArray = JSON.parse(response.getContentText());
         jsonArray.forEach(function(card) { // CardのArrayなので一つずつ
           var message = "name:" + card.name + "\nclosed:" + card.closed;
           slack(message);
         });             
       } catch (er) { //エラー発生寺にログを記録
         var logText = "エラー : line - " + er.lineNumber + '\n Error: ' + er.message;
         addLog(logText);//スプレッドシートにエラーメッセージ記入
       }
}

Comments

[takuto-biginner]

ありがとうございます。
いただいたコードで実行したところ
"エラー : line - 80
Error: オブジェクト [{""id"":""hogehoge"",""name"":""hogehoge""}] で関数 forEach が見つかりません。"
とエラーが出てしまします。。

trello APIで取得したデータは、ArrayListだと認識していたのですが、違うのでしょうか。。。？

[unhappychoice]

調べたところ、 `UrlFetchApp.fetch` の返り値は `HTTPResponse` だったため、修正をしました。
https://developers.google.com/apps-script/reference/url-fetch/http-response

[takuto-biginner]

ありがとうございます！
jsonデータに変形することで上手くいきました！