Dialogに入力した文字列をSlackのメッセージに書き換えたい

Question

###できていること・やりたいこと
Slack に/hogehogeと入力して送信すると、

という感じでメッセージが送られ、
Editを押すと

とダイアログが表示されます。
ここに何らかの文字列を入力してSubmitすると、また最初の図の画面に戻ります。
入力した文字列の取得もできています。

そこまではいいのですが、入力した文字列を「入力して」のところに書き換えたいのです。
###分からないこと
下のコードで実行してみました。
エラーが表示されるということはないですが、
書き換えることはできませんでした。

実行した時のpayloadを見ると、タイムスタンプが含まれていませんでした。
おそらく、ダイアログが実行されてその結果がdoPostに返されるとき、返されるtsはaction_tsのため、
chat.updateに必要なtsをvar message_ts = json['message_ts'];として得ようとするとダメなんでしょうか。

または、Slack への送信はwebhookを使っているため、chat.updateを書き換えのときだけ使用しているのがいけないのでしょうか。
chat.updateとresponse_urlのどちらかを使えとSlackの公式に書きてありましたが、response_urlの場合、制限があるようなので今回のプログラムには使いたくないです。

function doPost(e){
    var parameter=e.parameter;
    var data = parameter.payload;
    var json = JSON.parse(decodeURIComponent(data));
    var trigger_id = parameter.trigger_id;
    var trigger_id = json.trigger_id;
    var callback_id = parameter.callback_id;
    var callback_id = json.callback_id;
    var token = parameter.token;
    var token = json.token;
    var submission = parameter.submission;
    var submission = json.submission;
    var message_ts = parameter.message_ts;
    var message_ts = json.message_ts;

    // button
    if (callback_id == 'button'){
      var respond_dialog = Slack_Dialog(trigger_id,callback_id,message_ts);
    }
    //dialog
    else if(callback_id == 'dialog'){
      var subject = submission.dialg_subject;
      var description = submission.dialg_description;
      var words = submission.dialg_words;
      
      //var response_url = "https://hooks.slack.com/xxxxxxx-xxx";
      var url= 'https://hoge/slack.com/api/chat.update';
      // get object elements
      var user = json['user'].name;
      var message_ts = json['message_ts'];//ここがボタンを押したときのタイムスタンプでないとダメ？
      var channel_id = json['channel'].id;
      var payload = {
        "token" : "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxb",
        'channel' : channel_id,
        'ts' : message_ts,
        'text' : subject+"\n"+description+"\n"+words,//書き換え後のテキスト
      };
      var options = {'method':'post','payload':payload};
      
      var result = UrlFetchApp.fetch(url, options);
   }
//以下略
}

###追記
chat.updateのpayloadの中身と周辺です。
buttonが押されたときのcallback_idで分岐しています。

    if (callback_id == 'hogehogehoge'){
      var response_url = 'https://slack.com/api/chat.update';
      var user = json['user'].name;
      var message_ts = json['message_ts'];
      var channel_id = json['channel'].id;
      var payload = {
        'token':'xoxp-xxxxxxx-xxxxx...xxxc',
        'channel' : channel_id,
        'ts' : message_ts,
        'text' : '入力してください\n'+subject+'\n'+description+'\n'+words,
      };
      var options = {'method':'post','payload':payload};    
      var result = UrlFetchApp.fetch(response_url, options);
      return ContentService.createTextOutput();
   }

###追記２

//resultの結果
{"ok":false,"error":"message_not_found"}

//payloadの中身
{"type":"dialog_submission","token":"LXXXXXXXXXXXXX","action_ts":"1535445637.513198",
"team":{"id":"XXXXX","domain":"hogehoge"},"user":{"id":"XXXXXXX","name":"XXXX"},
"channel":{"id":"XXXXXX","name":"XXXXXX"},"submission":{"dialg_subject":"入力したものはちゃんと取得"},
"callback_id":"dialog","response_url":"https://hooks.slack.com/app/.....","state":""}

Comments

[macaron_xxx]

payloadのtextに不要なダブルクオートが入っているのは転記ミスですよね？

[退会済みユーザー]

はい、ありがとうございます。直しました

Answer 1

Dialogのstateパラメーターにmessage_tsを渡すことにした。
本体の使い方としてあっているかは不明だが、Dialog実行後のレスポンスにはstateが使われず残っていた（追記2参照）。

//略
var dialog = {
    "token": "xxxxxx-xxxxxxxxxx",//OAuth token
    "trigger_id": trigger_id,
    "dialog": JSON.stringify({
      "callback_id": "dialog",
      "state":message_ts,//ここが大事
      "title": "入力して",
      "submit_label": "Submit",
      "elements": [
        {
          "type": "text",
          "label": "入力してね",
          "name": "subject"
        }]})};
//略

以下で取得可能

var message_ts = json['state'];

以上で、Dialogに入力してメッセージの書き換えが完了した。

Answer 2

var result = UrlFetchApp.fetch(url, options);

の結果は、

{
    "ok": false,
    "error": "message_not_found"
}

このような形で返ってきていませんか？

tsは編集するメッセージが投稿されたタイムスタンプになりますので、action_tsだとダメかもしれませんね。
投稿のタイムスタンプが取得できる術を考えないといけないですね。

Comments

[退会済みユーザー]

投稿のタイムスタンプを取得するには、スプレッドシートに書き出してそれを読み込むか、キャッシュさせるかのどちらかでしょうか

[macaron_xxx]

紐づくのであれば、なんでもいいと思いますが、
複数回 /hogehoge をした際にどのメッセージかを紐付けないといけないです。
（必ず最新のもの、とかであれば、スプレッドシートに/hogehogeされるたびにタイムスタンプを書き込むのが楽かもしれませんね。

[退会済みユーザー]

payloadの中身を'token'としてそのまま取得すると
var payload = {
"token" : "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxb",
略

そしてそのresultの結果を見たところ、
{"ok":false,"error":"invalid_auth"}
でした。tokenがいけないかんじでしょうか。

そして、こんどはtokenをOAuthのtokenに指定したところ
{"ok":false,"error":"missing_scope","needed":"chat:write:user","provided":"identify,commands,incoming-webhook"}
ということでした。

[macaron_xxx]

そうですね。
そのエラーだとtokenがおかしいですね。

[macaron_xxx]

tokenはpostしている時と同じtokenを固定で指定すればいいのでは？と思いますが。

[退会済みユーザー]

ありがとうございます。tokenはうまくいったようですが、スコープにchat:write:userを追加したところ、
{"ok":false,"error":"cant_update_message"}か
{"ok":false,"error":"message_not_found"}
というエラーが表示されました。あとはタイムスタンプかなという感じです。

[退会済みユーザー]

action_tsではなく、message_tsが取得できているのですが、謎ですね。

[macaron_xxx]

parameter.payloadの中身を追記いただけますか？

[macaron_xxx]

追記いただきたいのは、ダイアログからSubmitしたときのe.parameter.payloadの中身です。

[退会済みユーザー]

すいません。追記しました。
あと、気になる記事も見つけました。
https://github.com/pepabo/collec/issues/11
ただ、bearer tokenの使い方はよくわかりません。

[macaron_xxx]

var message_ts = json['ts'];
ってなってますが、jsonにts含まれてませんよね？？

[macaron_xxx]

＞message_tsが取得できているのですが
とありますが、
payloadの"action_ts":"1535445637.513198"がmessage_tsと一致しているということですか？

[退会済みユーザー]

転記し間違えていました。ご指摘ありがとうございます。

[macaron_xxx]

message_tsもjsonに含まれていませんよね。

[macaron_xxx]

やはり
＞投稿のタイムスタンプが取得できる術を考えないといけないですね。
ここに落ち着きそう。

[退会済みユーザー]

はい。Dialogの場合、含まれていません。
なので、ボタンを押したときにmessage_tsを取得するしかないと思いました。
Dialogに入力したものをchat.updateでメッセージが更新できるか確認するのは原因が探れないため、
そもそもボタンを押すとupdateできるか試してみましたが、できませんでした。
お手数かけします汗

[macaron_xxx]

message_tsは固定値で与えて試してみたということですか？
何をして、どうだったか。を明確に伝えてください。
あやふやな情報だと、何をしたかが全くわかりません。

＞そもそもボタンを押すとupdateできるか試してみましたが、できませんでした。
どのようにボタンを押すとupdateできるか試してみましたか。
「何をしたのか」を具体的に示してください。

[退会済みユーザー]

messge_tsを固定して試すということはしていません。

message_tsを受け渡すことは置いといて、
まずbotメッセージについているボタンを押すとメッセージが更新できるか試しているところです。
なので、このページの一番最初の図でEditボタンを押すと「入力して」の文字が更新されるかどうかを見ています。

[macaron_xxx]

＞メッセージが更新できるか試しているところ
メッセージを更新(chat.update)するためにはそのメッセージをpostしたタイムスタンプが必ず必要です。
message_tsの受け渡しを置いといて、更新できるかを試すためには、更新したいPOSTのmessage_tsをプラグラムに固定するなどしておくしか方法はないかと思います。

※ボタンを押したときのpayloadの中身がわかりませんが、おそらくその場合にもmessage_tsは取得できないのではと思っております。

-- 追記 --
ボタンではmessage_tsが返ってくるんですね。失礼しました。
それでも更新できないとなると…うぅん。。

[macaron_xxx]

もしかして、投稿ユーザと更新ユーザが別ということはないですよね？
（トークンが別）

[退会済みユーザー]

mesage_tsを固定して試したところ、message_not_foundと返されました。
そうですね、トークンがたくさんあってこちらも混乱しているのですが、その可能性は高いです。
ちゃんと確認してみます。ありがとうございます。

[退会済みユーザー]

投稿方法をwebhookからchat.postMessageに変え、投稿と更新のトークンを統一したところ、ボタンをクリックしたときにメッセージを更新することができました。
ありがとうございます。
これからDialogにmessage_tsの引継ぎと更新のほうを試してみたいと思ます。

[macaron_xxx]

やはりトークンが別でしたか！進みそうでよかったです！