# Slack Webhooks

## When to Use This Skill

* Setting up a Slack Events API webhook handler (Request URL)
* Debugging `X-Slack-Signature` verification failures
* Handling the initial `url_verification` challenge from Slack
* Processing events like `app_mention`, `message`, `reaction_added`, `team_join`, or `app_home_opened`
* Returning a 2xx response within 3 seconds to avoid Slack retries

## Essential Code (USE THIS)

Slack signs every Events API request with HMAC-SHA256. The signed content is the
literal string `v0:{timestamp}:{raw_body}`, and the result is sent as
`X-Slack-Signature: v0=<hex>`. Use the raw request body — parsing JSON
before verifying will change byte ordering and break the signature.

### Slack Signature Verification (JavaScript)

```javascript
const crypto = require('crypto');

function verifySlackRequest(rawBody, signatureHeader, timestampHeader, signingSecret) {
  if (!signatureHeader || !timestampHeader || !signingSecret) return false;

  // Replay protection: reject requests older than 5 minutes
  const timestamp = parseInt(timestampHeader, 10);
  if (Number.isNaN(timestamp)) return false;
  if (Math.abs(Math.floor(Date.now() / 1000) - timestamp) > 60 * 5) return false;

  // Slack signs the literal string: "v0:" + timestamp + ":" + raw body
  const basestring = `v0:${timestamp}:${rawBody}`;
  const expected = 'v0=' + crypto
    .createHmac('sha256', signingSecret)
    .update(basestring, 'utf8')
    .digest('hex');

  try {
    return crypto.timingSafeEqual(
      Buffer.from(signatureHeader),
      Buffer.from(expected)
    );
  } catch {
    return false;
  }
}

```

### Express Webhook Handler

```javascript
const express = require('express');
const app = express();

// CRITICAL: Use express.raw() - Slack signs the raw body, not parsed JSON
app.post('/webhooks/slack',
  express.raw({ type: 'application/json' }),
  (req, res) => {
    const signature = req.headers['x-slack-signature'];
    const timestamp = req.headers['x-slack-request-timestamp'];
    const rawBody = req.body.toString('utf8');

    if (!verifySlackRequest(rawBody, signature, timestamp, process.env.SLACK_SIGNING_SECRET)) {
      return res.status(401).send('Invalid signature');
    }

    const payload = JSON.parse(rawBody);

    // Handle the one-time url_verification challenge when configuring the endpoint
    if (payload.type === 'url_verification') {
      return res.status(200).json({ challenge: payload.challenge });
    }

    // Standard event_callback envelope
    if (payload.type === 'event_callback') {
      const event = payload.event;
      switch (event.type) {
        case 'app_mention':
          console.log(`Mentioned by ${event.user} in ${event.channel}: ${event.text}`);
          break;
        case 'message':
          console.log(`Message in ${event.channel}: ${event.text}`);
          break;
        case 'reaction_added':
          console.log(`Reaction :${event.reaction}: added by ${event.user}`);
          break;
        case 'team_join':
          console.log(`New team member: ${event.user.id}`);
          break;
        case 'app_home_opened':
          console.log(`App home opened by ${event.user}`);
          break;
        default:
          console.log(`Unhandled event: ${event.type}`);
      }
    }

    // Respond within 3 seconds or Slack will retry
    res.status(200).send('OK');
  }
);

```

### Python Signature Verification (FastAPI)

```python
import hmac
import hashlib
import time

def verify_slack_request(raw_body: bytes, signature_header: str, timestamp_header: str, signing_secret: str) -> bool:
    if not signature_header or not timestamp_header or not signing_secret:
        return False

    try:
        timestamp = int(timestamp_header)
    except ValueError:
        return False

    # Replay protection: reject requests older than 5 minutes
    if abs(time.time() - timestamp) > 60 * 5:
        return False

    # Slack signs the literal string: "v0:" + timestamp + ":" + raw body
    basestring = f"v0:{timestamp}:{raw_body.decode('utf-8')}".encode("utf-8")
    expected = "v0=" + hmac.new(
        signing_secret.encode("utf-8"),
        basestring,
        hashlib.sha256,
    ).hexdigest()

    return hmac.compare_digest(expected, signature_header)

```

> For complete working examples with tests, see:
> 
> * [examples/express/](https://github.com/hookdeck/webhook-skills/tree/main/skills/slack-webhooks/examples/express/) - Full Express implementation
> * [examples/nextjs/](https://github.com/hookdeck/webhook-skills/tree/main/skills/slack-webhooks/examples/nextjs/) - Next.js App Router implementation
> * [examples/fastapi/](https://github.com/hookdeck/webhook-skills/tree/main/skills/slack-webhooks/examples/fastapi/) - Python FastAPI implementation

## Common Event Types

| Event | Description |
| --- | --- |
| `app_mention` | The bot user is @mentioned in a channel |
| `message` | A message is posted to a channel the app is subscribed to |
| `reaction_added` | A user adds an emoji reaction to a message |
| `reaction_removed` | A user removes an emoji reaction |
| `team_join` | A new user joins the workspace |
| `member_joined_channel` | A user joins a channel the app is in |
| `app_home_opened` | A user opens the app's Home tab |

> For the full event reference, see [Slack Events documentation](https://docs.slack.dev/reference/events).

## Important Headers

| Header | Description |
| --- | --- |
| `X-Slack-Signature` | HMAC-SHA256 hex signature, formatted as `v0=<hex>` |
| `X-Slack-Request-Timestamp` | Unix epoch timestamp used in the signing basestring |
| `X-Slack-Retry-Num` | Retry attempt number (1, 2, or 3) if Slack is retrying |
| `X-Slack-Retry-Reason` | Why Slack is retrying (`http_timeout`, `http_error`, etc.) |

## URL Verification Challenge

When you first add a Request URL in your Slack App config, Slack sends a single
request with `"type": "url_verification"` and a `"challenge"` field. Echo the
challenge back in the response body (still verify the signature first):

```json
{ "challenge": "<value from request>" }

```

## Environment Variables

```bash
SLACK_SIGNING_SECRET=your_signing_secret   # From Slack App → Basic Information → App Credentials

```

## Local Development

```bash
# Forward Slack events to your local server (no account required)
npx hookdeck-cli listen 3000 slack --path /webhooks/slack

```

Then paste the Hookdeck URL into your Slack App's Event Subscriptions → Request URL field.

## Reference Materials

* [references/overview.md](https://github.com/hookdeck/webhook-skills/blob/main/skills/slack-webhooks/references/overview.md) - Slack Events API concepts, common events, retry behavior
* [references/setup.md](https://github.com/hookdeck/webhook-skills/blob/main/skills/slack-webhooks/references/setup.md) - Configure Event Subscriptions and get the signing secret
* [references/verification.md](https://github.com/hookdeck/webhook-skills/blob/main/skills/slack-webhooks/references/verification.md) - Signature verification details and gotchas