如何将Slack交互式输入框内容映射为变量并保存？

核心操作步骤： #

• 监听交互事件：用户点击Post按钮后，Slack会向你预先配置的后端接口发送POST请求，请求体包含所有交互数据（包括输入框内容）。你需要在后端搭建对应的接收路由。
• 提取输入值：从请求体的payload中，根据输入框的block_id和action_id定位具体输入内容。比如Title输入框的block_id设为title_block、action_id设为title_input，就可以通过payload.view.state.values.title_block.title_input.value拿到用户输入的标题。
• 保存并调用API：把提取到的标题、描述存入变量，直接用于后续的API请求即可。

代码示例（Node.js/Express）： #

const express = require('express');
const fetch = require('node-fetch');
const app = express();

// 解析Slack发送的表单数据
app.use(express.urlencoded({ extended: true }));

app.post('/slack-interaction', async (req, res) => {
  const payload = JSON.parse(req.body.payload);
  
  // 提取输入框内容
  const title = payload.view.state.values.title_block.title_input.value;
  const description = payload.view.state.values.desc_block.desc_input.value;
  
  // 组装要发送到API的数据
  const apiData = {
    title: title,
    description: description
  };
  
  // 发送到目标API
  try {
    await fetch('你的目标API地址', {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify(apiData)
    });
    // 给Slack返回成功响应
    res.json({ ok: true, message: '内容已提交' });
  } catch (err) {
    console.error('API请求失败:', err);
    res.json({ ok: false, error: '提交失败' });
  }
});

app.listen(3000, () => console.log('服务启动在3000端口'));

关键注意点： #

• 提前在Slack应用后台的交互式组件配置项中，把请求URL设置为你的后端路由地址。
• 输入框的block_id和action_id必须唯一，避免提取数据时混淆。
• 务必验证Slack的请求签名，防止非法请求（可以用@slack/events-api包的createEventAdapter来处理签名验证）。

内容的提问来源于stack exchange，提问作者Jose Jesus contreras ahumada