GAS環境でSlack APIで送信されたボタンのアクションを検知する方法がわからず困っています

Question

Slackでリアクションスタンプを検知して、内容を取得後、postEphemeralで内容に問題ないか確認させるメッセージを送信。　ボタンをクリックしたらデータベースかスプレットシートに登録させるツールを作ろうと思ってます。

①Slackでリアクションスタンプの検知は成功してます
Event SubscriptionsにGASのURLを登録してます

②Slackへのメッセージ送信も成功してます
UrlFetchApp.fetch(url, postData);で送信できてます

③今つまづいているは、ボタンをクリックした際の取得の部分です
401エラーがでます。
送信先用にInteractivityにもう一つGASを登録しています。

何が原因なんでしょうか？

Event Subscriptionsに登録しているGAS

//プロパティ
const scriptProperties = PropertiesService.getScriptProperties();
scriptProperties.setProperties({
  'SLACK_ACCESS_TOKEN': 'xoxb-xxxxxxxxxxxxxxx',
  'SLACK_VERIFICATION_TOKEN': ''
});

// メイン
function doPost(e){
  var token = PropertiesService.getScriptProperties().getProperty('SLACK_ACCESS_TOKEN');
  var url = "https://slack.com/api/chat.postEphemeral";
  var reaction_torigger_emoji = 'gorilla';
  var json = JSON.parse(e.postData.getDataAsString());
  var event = json.event;

  if(event){
    if (event.type === 'reaction_added') {
      if (reaction_torigger_emoji == event.reaction) {
        // トリガーになる絵文字があれば実行
        var channelId = event.item.channel;
        var userId = event.item_user;
        var message = conversationsRepliesMessage(token, event.item.channel, event.item.ts);
        var postText = message.messages[0].text;
        //var currentDirectoryChannel = getCurrentDirectoryChannel(token, event.item.channel);
        var postData = privatePostData(token, channelId, userId, postText);

        UrlFetchApp.fetch(url, postData);
      }
    }
  }

  // Events APIを使用する初回確認のための記述
  if (json.type === 'url_verification') {
    return ContentService.createTextOutput(json.challenge);
  }
}

//------------------------------------------------------------
// Slackに送信
//------------------------------------------------------------
function privatePostData(token, channel, user, postText){
  var blocks = [
    {
        "type": "input",
        "element": {
            "type": "plain_text_input",
            "action_id": "actionId_title",
            "initial_value": title
        },
        "label": {
            "type": "plain_text",
            "text": "タイトル",
            "emoji": true
        }
    },
    {
      "type": "actions",
      "elements": [
        {
          "type": "button",
          "action_id": "actionId_send",
          "text": {
            "type": "plain_text",
            "text": "送信する"
          },
          "style": "primary",
          "value": "click"
        }
      ]
    }

  var payload = {
    "token": token,
    "channel": channel,
    "text": "確認お願いします",
    "user": user,
    "as_users": false,
    "attachments": "",
    "blocks": JSON.stringify(blocks),
    "icon_emoji": "",
    "icon_url": "",
    "link_names": true,
    "username": ""
  };
  var params = {
    "method": "post",
    "payload": payload
  };
  return params
}

送信後に受け取る用のInteractivityに登録してるGAS

//プロパティ
const scriptProperties = PropertiesService.getScriptProperties();
scriptProperties.setProperties({
  'SLACK_ACCESS_TOKEN': 'xoxb-xxxxxxxxxxxxxxx',
  'SLACK_VERIFICATION_TOKEN': ''
});

// メイン
function doPost(e){
  var token = PropertiesService.getScriptProperties().getProperty('SLACK_ACCESS_TOKEN');
  var data = e.parameter.payload;
  var json = JSON.parse(data);

  if (e.parameter.payload){}

  // RequestURLの検証用
  else{
    var data = JSON.parse(e.postData.getDataAsString());
    if(data.type === "url_verification"){
      return ContentService.createTextOutput(data.challenge);
    }
  }
}

Answer 1

あと、コードにいくつか改善した方が良い点が見られるので、私が書いたこちらの記事を参考にしていただければ幸いです： https://qiita.com/seratch/items/2158cb0abed5b8e12809

Answer 2

おそらく GAS の Web アプリ側が Google アカウントでの認証必須になっているからだと思います。GAS の方の設定を見直してみてください。Google Workspace の管理者機能にはあまり詳しくないのですが、企業の Google アカウントの場合は管理者によって制限がかかっている場合もあるかもしれません。

Comments

[kumakuma112]

Google Workspaceは企業だと制限掛かるため個人アカウントで作成してます。認証は通してるはずですなのですが、わからず、、、

[seratch]

その Web アプリへのリクエストに認証を求めない設定というのがあったはずです。Slack のサーバーからリクエストが来るわけなので、認証が不要な設定にする必要があります。

[seratch]

今確認してみましたが、Web app の deployment の設定に Who has access というのがあり、only myself / Anyone with Google account / Anyone の三種類があると思いますが Anyone にしないとダメですね。日本語で使っている場合は表記が微妙に異なるかもしれません。

[kumakuma112]

確認してみます。ありがとうございます

[kumakuma112]

コードは動いてたようで、ご指摘の通り、受け取る側の認証範囲が間違ってました