slack-Interactive messageのボタンにDialogを設定したい。

Question

###できていること
Slackにボタン付きメッセージをbotで送ることはできています。
加えて、"/hogehoge"を送信すると、ダイアログが立ち上がり、入力できるところまでもできています。
使っている機能は以下です。

• Google Apps Script
• Incoming Webhooks
• Slack API
• Slash Command

###現段階のコード

//Slash Comandを受信
function doPost(e){
  var response = send_Button(e);
    return ContentService.createTextOutput(JSON.stringify(response)).setMimeType(ContentService.MimeType.JSON);
}

function send_Button(e) {
  var input_text = e.parameter.text;
  var slackUrl = "https://hooks.slack.com/services/xxxxx.....xxxxxxx";
  // message text  
  var messageData = {
    "text":"subject:"+input_text,
    "attachments": [
    {
    "text": "Are you ok?",
    "fallback": "Sorry, no support for buttons.",
    "callback_id": "lessonbutton",
    "color": "#3AA3E3",
    "attachment_type": "default",
    "actions": [
    {
    "name": "button",
    "text": "OK",
    "style": "primary",
    "type": "button",
    "value": "ok"
    }]
  }]
}


// format for Slack
var options = {
  'method' : 'post',
  'contentType': 'application/json',
  // Convert the JavaScript object to a JSON string.
  'payload' : JSON.stringify(messageData)
};    

// post to Slack
UrlFetchApp.fetch(slackUrl, options);
return input_text;
}

すると、Slackにボタン付きInteractive Messageが届きます。

function Slack_Dialog(e) {
  var text = e.parameter.text;
  var response = {text: text};
  var trigger_id = e.parameter.trigger_id;
  var slackUrl = "https://hogehogehoge.slack.com/api/dialog.open";
  var dialog = {
    "token": "xoxxxxxxxxxxxxxxxxxxxxxxxxxxxxx....xxxx",
    "trigger_id": trigger_id,
    "dialog": JSON.stringify({
      "callback_id": "wantdo3",
      "title": "What do you want to do there?",
      "submit_label": "Request",
      "elements": [
        {
          "type": "text",
          "label": "In The Morning",
          "name": "dialg_morning"
        },
        {
          "type": "text",
          "label": "In The Afternoon",
          "name": "dialg_afternoon"
        },
        {
          "type": "text",
          "label": "In The Night",
          "name": "dialg_night"
        }
      ]
    })
  }
  var options = {
    'method' : 'post',
    'payload' : dialog,
  }; 
  return response = UrlFetchApp.fetch(slackUrl, options);
}

すると、ダイアログが開きます。
###やりたいこと
"/hogehoge"と入力すると、ボタン付きメッセージが送られてきて、ボタンを押すとダイアログが立ち上がるようにしたい。
https://www.slideshare.net/yasuyuki_ogawa/slack-apps
こちらのリンクのスライド（p14）にコールバックが大事云々とありました。
しかし、当方、まだコールバックを理解しておりません。
よろしくお願いいたします。

Comments

[macaron_xxx]

この質問内容だけでは、現状どうなっていて、どこで困っているのかがわかりません。必要最低限現状のコードや、どこで困っているのかを記載してください。

Answer 1

###Slack Dialog機能について
個人情報が含まれたりするので、ちょっと割愛
まず、Dialogの中身

function Slack_Dialog(trigger_id,callback_id) {
  var slackUrl = "https://hogehoge.slack.com/api/dialog.open";
  var dialog = {
    "token": "xoxxxxxxx...xxxxxxxx",//OAuth token
    "trigger_id": trigger_id,
    "dialog": JSON.stringify({
      "callback_id": "dialog",
      "title": "ここに題名。",
      "submit_label": "Submit",
      "elements": [
        {
          "type": "text",
          "label": "題名",
          "name": "dialg_subject",
          "placeholder":"題名を入力..."
        }
      ]
    })
  };
  var options = {
    'method' : 'post',
    'payload' : dialog,
  }; 
  UrlFetchApp.fetch(slackUrl, options);

  return ContentService.createTextOutput(); // Important
}

これの関数をスラコマなり、ボタンなりの処理があった後に実行するよう配置。

実際に、Dialogへの入力データは、payloadに乗っかて行く。

function doPost(e){
    var parameter=e.parameter;
    var data = parameter.payload;
    var json = JSON.parse(decodeURIComponent(data));
    var submission = parameter.submission;
    var submission = json.submission;
    else if(callback_id == "dialog"){
      GmailApp.sendEmail("[e-mail]", "outgoings", JSON.stringify(submission.dialg_subject));
    }
}

ちゃんと入力されたデータがなんなのか確認する方法はlogger.log()で見れなかったので、とりあえずメールで確認した。
ちゃんとDialogに入力した文字列を確認できた。