質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

90.42%

  • Google Apps Script

    1005questions

    Google Apps ScriptはGoogleの製品と第三者のサービスでタスクを自動化するためのJavaScriptのクラウドのスクリプト言語です。

  • Slack

    203questions

    Slackは、Tiny Speckという企業からリリースされたコミュニケーションツールです。GoogleDriveやGitHubなど、さまざまな外部サービスと連携することができます。

Slack GAS dialogで入力した値を取得したい

解決済

回答 1

投稿 編集

  • 評価
  • クリップ 1
  • VIEW 265

amnkmsm

score 4

 前提・実現したいこと

WebHook  interactiv messageを使って
SlackでGASを使ってボタンからdialogを立ち上げてdialogに入力した値を取得したいです。

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

SlackでGASを使ってJSONで送信したボタンからdialogを立ち上げてdialogに入力した値を取得したいです。
dialogが開かれるところまではできたのですが"決定"ボタンを押すとスラックへの接続が失敗と出てきて内容がうまく送れません。
どうかよろしくお願いいたします。

<送られてきたボタンからダイアログを立ち上げる処理>

function doPost(e) {
  var payload = JSON.parse(e["parameter"]["payload"]);
  var trigger_id = payload["trigger_id"];
  var callback_id = payload["callback_id"];

  //callback_idで処理を分ける

  // ボタン処理
  if (callback_id == "botton"){
    var value = payload["actions"][0]["value"];
    var link = "<https://www.google.co.jp/search?q=" + value + "|" + value;

    if (value == "ok") {
      var text = link + ">が選択されました。OKの応答文"
      new dialog(trigger_id,callback_id); // dialog呼び出し
      // とりあえずここで押したボタンから立ち上げたダイアログに入力した値を取得したい

    } else {
      var text = link + ">が選択されました。OK以外の応答文"
    }


    var reply = {
      "replace_original": false,
      "response_type": "in_channel",
      "text": text
    };
    var output = ContentService.createTextOutput(JSON.stringify(reply));
    output.setMimeType(ContentService.MimeType.JSON);

    return output;
  }

  // dialog処理
  // 試せていないのであっているのかまだわからない
  if (callback_id == "dialog"){
  var json = JSON.parse(decodeURIComponent(payload));
  var submission = parameter.submission;
  var submission = json.submission;
  // 確認用
  var sheet1 = SpreadsheetApp.getActive().getSheetByName('シート名');
  sheet1.appendRow([submission]);
  }
}


function dialog(trigger_id,callback_id) {
  var slackUrl = "https://hogehoge.slack.com/api/dialog.open";
  var SLACK_ACCESS_TOKEN = PropertiesService.getScriptProperties().getProperty('SLACK_ACCESS_TOKEN');
  var dialog = {
    "token": SLACK_ACCESS_TOKEN,//OAuth token
    "trigger_id": trigger_id,

    "dialog": JSON.stringify({
      "callback_id": "dialog",
      "title": "ここに題名。",
      "submit_label": "決定",
      "elements": [
        {
          "type": "text",
          "label": "Pickup Location",
          "name": "loc_origin"
        },
        {
          "type": "textarea",
          "label": "Dropoff Location",
          "name": "loc_destination"
        }
      ]
    })
  };
  var options = {
    'method' : 'post',
    'payload' : dialog,
  }; 
  UrlFetchApp.fetch(slackUrl, options);

  return ContentService.createTextOutput(); // Important
}

<ボタンを送る処理>

function doPost(e) {
  var INCOMING_WEBHOOK_URL = PropertiesService.getScriptProperties().getProperty('INCOMING_WEB_HOOK');
  var SLACK_ACCESS_TOKEN = PropertiesService.getScriptProperties().getProperty('SLACK_ACCESS_TOKEN');
  var trigger_id = e.parameter.trigger_id;
  var data = {
    "text": "ボタン",
    "attachments": [{
      "trigger_id" : trigger_id,
      "token": SLACK_ACCESS_TOKEN,//OAuth token
      "text": "how are you?",
      "fallback": "fallback message",
      "callback_id": "botton",
      "color": "#3AA3E3",
      "attachment_type": "default",
      "actions": [{
        "name": "feeling",
        "text": "Good",
        "type": "button",
        "value": "ok"
      },
                  {
                    "name": "feeling",
                    "text": "so so",
                    "type": "button",
                    "value": "so so"
                  }
                 ]
    }]
  }
  var params = {
    'method': 'post',
    'payload': JSON.stringify(data)
  };

  UrlFetchApp.fetch(INCOMING_WEBHOOK_URL, params);
  return ContentService.createTextOutput();
}

 試したこと

公式サイトなどの参考サイトを見ましたが私には解決できませんでした。

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

Google Apps Script
参考にしたサイト
https://stackoverflow.com/questions/51092613/cant-open-slack-dialog-through-google-apps-scripts
https://teratail.com/questions/142295

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 1

checkベストアンサー

+1

dialogのelementsにnameがあると思いますが、それを指定してあげれば取得できると思います。
subject1と2のところです。

  // dialog処理
  // 試せていないのであっているのかまだわからない
  if (callback_id == "dialog"){
  var json = JSON.parse(decodeURIComponent(payload));
  var submission = parameter.submission;
  var submission = json.submission;

  var subject1 = submission.loc_origin; //ここ
  var subject2 = submission.loc_destination; //ここ

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2018/10/04 22:26 編集

    ご回答ありがとうございます。値の取得は質問後に調べていたら自分できました。
    しかし、submitを押すと動作自体はしているのですがスラックのダイアログが閉じないということで調べると200と空のbodyを返す必要があるとのとこだったのですがGASでの記述方法がわからずに悩んでいます。
    そのことについても教えていただけると幸いです。
    https://stackoverflow.com/questions/48714834/slack-dialog-doesnt-close-after-form-submission
    https://stackoverflow.com/questions/48785279/slack-dialog-gives-an-error

    キャンセル

  • 2018/10/08 11:43 編集

    <送られてきたボタンからダイアログを立ち上げる処理>
    の最後に
    return ContentService.createTextOutput();
    を入れてあげれば、接続の問題が解決するかもしれません。

    sheet1.appendRow([submission]);
    }
    return ContentService.createTextOutput();
    }

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 90.42%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

同じタグがついた質問を見る

  • Google Apps Script

    1005questions

    Google Apps ScriptはGoogleの製品と第三者のサービスでタスクを自動化するためのJavaScriptのクラウドのスクリプト言語です。

  • Slack

    203questions

    Slackは、Tiny Speckという企業からリリースされたコミュニケーションツールです。GoogleDriveやGitHubなど、さまざまな外部サービスと連携することができます。