tomczak.dev
Zurück zur Startseite
Kostenlos (Fair Use)NEU

WebhookMate MCP

Webhooks empfangen & debuggen – direkt in deinem KI-Editor.

Kein Setup. Keine Konfiguration. Einfach fragen und Webhook-URL bekommen. Perfekt für API-Integration-Tests und Webhook-Debugging.

Kostenloser Account erforderlich

WebhookMate nutzt Bearer Token Authentifizierung für sichere Webhook-Verwaltung. Registriere dich kostenlos und generiere deinen API-Schlüssel im Dashboard.

50
Webhooks/Tag
7d
TTL
<5s
Setup-Zeit

Das bekommst du

Instant Webhook-Endpoints

Beschreibe deinen Use Case in natürlicher Sprache – WebhookMate erstellt sofort einen Webhook-Empfänger.

Vollständiges Request-Logging

Jeder eingehende Request wird geloggt: Headers, Body, Query-Params, IP, User-Agent – alles sichtbar.

Volle Editor-Integration

Funktioniert nahtlos mit Cursor AI, Cline, VS Code und GitHub Copilot – Webhook-Logs direkt im Editor.

DSGVO-konform

IP-Anonymisierung, automatische Löschung nach 30 Tagen, keine unnötigen Daten – Privacy by Design.

Das Problem beim Webhook-Testing

Du willst eine Webhook-Integration testen – aber wie siehst du, was ankommt?

Zeitverschwendung

Lokalen Server starten, ngrok einrichten, Ports forwarden – nur um zu sehen, welche Daten ein Webhook sendet? Das dauert ewig.

Fehlende Transparenz

Du weißt nicht, welche Headers, welche Datenstruktur oder welche IP-Adressen ein Drittanbieter sendet.

Komplexe Tools

RequestBin, webhook.site und Co. sind entweder kostenpflichtig, unsicher oder überladen mit Features, die du nicht brauchst.

Die Lösung: WebhookMate MCP

Ein intelligenter MCP-Server, der mit deinem KI-Editor kommuniziert und Webhook-Endpoints on-the-fly erstellt.

Schnelles Setup

Einmal eingerichtet, kannst du in Sekunden Webhook-Endpoints erstellen. Einfache Installation mit npm/yarn und minimale Konfiguration.

  • Setup in unter 5 Minuten
  • Keine Server-Konfiguration nötig
  • Funktioniert mit allen Webhook-Anbietern

Live Request-Tracking

WebhookMate loggt jeden Request automatisch und zeigt dir alle Details – perfekt zum Debuggen und Verstehen von Webhooks.

  • Komplette Header-Analyse
  • JSON & Raw Body Logging
  • IP & User-Agent Tracking

POST-Request Logging

WebhookMate akzeptiert POST-Requests (Standard für Webhooks) und loggt alle Details sauber strukturiert.

  • POST-Method (Standard für Webhooks)
  • Query-Parameter Logging
  • URL-Path Tracking

Datenschutz & Sicherheit

DSGVO-konform durch IP-Anonymisierung und automatisches Löschen. Deine Daten bleiben privat und sicher.

  • IP-Anonymisierung (DSGVO)
  • Auto-Löschung nach 30 Tagen
  • Bearer Token Authentifizierung

Praxis-Beispiele: So nutzt du WebhookMate

Entdecke, wie andere Entwickler WebhookMate für Webhook-Testing einsetzen.

Case Study #1: Testing Stripe Payment Webhooks

Wie du Stripe-Webhooks testest und verstehst, bevor du sie in Production einsetzt.

Die Herausforderung

Du implementierst Stripe-Zahlungen in deiner App und musst verschiedene Webhook-Events testen: payment_intent.succeeded, payment_intent.failed, customer.subscription.created, etc. Du weißt nicht genau, welche Datenstruktur Stripe sendet und willst nicht mit echten Zahlungen testen. Stripe CLI ist kompliziert und du brauchst schnell einen Webhook-Endpoint zum Testen.

Die Lösung mit WebhookMate

1

Sage deinem KI-Assistenten:

"Erstelle einen Webhook-Endpoint für Stripe Payment Testing"
2

WebhookMate erstellt sofort einen Endpoint:

{
  "webhook_url": "https://n8n.tomczak.dev/webhook/webhook-receive/abc123-stripe",
  "public_id": "abc123",
  "name": "Stripe Payment Testing"
}

Webhook-URL:
https://n8n.tomczak.dev/webhook/webhook-receive/abc123-stripe
3

Füge die URL in Stripe Dashboard ein:

Stripe Dashboard → Developers → Webhooks → Add endpoint

https://n8n.tomczak.dev/webhook/webhook-receive/abc123-stripe
4

Sende Test-Events von Stripe und sieh dir die Logs an:

"Zeig mir die letzten Webhook-Logs für abc123"
POST - 2026-01-07 10:45:23
IP: 54.187.***.*** (Stripe)
{ "type": "payment_intent.succeeded", "data": { "object": { "id": "pi_abc123", "amount": 2999, "currency": "eur", "status": "succeeded" } } }

Ergebnis

  • Komplette Stripe-Webhook-Datenstruktur analysiert – ohne Production-Code zu schreiben
  • Alle Webhook-Events (succeeded, failed, refunded) getestet und verstanden
  • Backend-Integration fehlerfrei implementiert – alle Edge Cases bekannt

Case Study #2: Debugging GitHub Webhooks für CI/CD Pipeline

Wie ein DevOps-Team GitHub-Webhooks analysiert hat, um eine automatische Deployment-Pipeline zu bauen.

Die Herausforderung

Das Team will eine CI/CD-Pipeline bauen, die automatisch deployt, wenn ein Pull Request gemerged wird. Sie müssen verstehen, welche Events GitHub sendet (push, pull_request, release), welche Header GitHub nutzt (X-GitHub-Event, X-Hub-Signature), und wie die Payload-Struktur aussieht. Lokales Testing mit ngrok ist umständlich und sie brauchen eine einfache Lösung.

Die Lösung mit WebhookMate

1

Webhook-Endpoint für GitHub Events erstellen:

"Erstelle einen Webhook für GitHub Repository Events"
2

URL in GitHub Repository Settings eintragen:

GitHub Repo → Settings → Webhooks → Add webhook

Payload URL:

https://n8n.tomczak.dev/webhook/webhook-receive/xyz789-github

Events auswählen:

Push eventsPull requestsReleases
3

GitHub-Actions auslösen und Webhook-Logs analysieren:

Beispiel: Pull Request Event

Headers: X-GitHub-Event: pull_request X-Hub-Signature-256: sha256=abc123... User-Agent: GitHub-Hookshot/abc123 Body: { "action": "closed", "pull_request": { "merged": true, "base": { "ref": "main" }, "head": { "ref": "feature/new-feature" } }, "repository": { "name": "my-app", "full_name": "company/my-app" } }

💡 Erkenntnisse:

  • GitHub sendet X-GitHub-Event Header für Event-Type
  • Pull Request "merged" ist Teil von closed Event mit merged: true
  • Signature-Validierung via X-Hub-Signature-256 notwendig

Ergebnis

  • CI/CD-Pipeline korrekt implementiert – kein Trial & Error in Production
  • Webhook-Signature Validierung von Anfang an eingebaut
  • Zeitersparnis: 3-4 Stunden (kein ngrok, keine lokalen Tests)

Case Study #3: n8n Workflow Development & Testing

Wie ein Automation-Engineer Webhook-Payloads analysiert hat, bevor er n8n-Workflows baut.

Die Herausforderung

Du willst einen n8n-Workflow bauen, der auf Shopify-Orders reagiert und automatisch Rechnungen per E-Mail versendet. Du weißt nicht genau, welche Daten Shopify in den Webhooks sendet (Bestellnummer, Kundenadresse, Produkte, etc.). Du könntest Test-Orders in Shopify erstellen, aber das ist aufwändig und teuer. Du brauchst einen schnellen Weg, die Webhook-Struktur zu sehen.

Die Lösung mit WebhookMate

1

WebhookMate-Endpoint für Shopify erstellen:

"Erstelle Webhook für Shopify Order Events"
2

URL in Shopify Admin eintragen:

Shopify Admin → Settings → Notifications → Webhooks → Create webhook

Event: Order creation

URL:

https://n8n.tomczak.dev/webhook/webhook-receive/def456-shopify
3

Test-Order in Shopify erstellen oder "Send test notification" nutzen:

Shopify sendet Test-Webhook:

{ "id": 12345678, "order_number": 1001, "email": "kunde@example.com", "total_price": "129.99", "currency": "EUR", "billing_address": { "first_name": "Max", "last_name": "Mustermann", "address1": "Musterstraße 1", "city": "München", "zip": "80331" }, "line_items": [ { "title": "Premium T-Shirt", "quantity": 2, "price": "49.99" } ] }
4

n8n-Workflow mit exakter Datenstruktur bauen:

Jetzt weißt du genau:

  • • Bestellnummer ist in order_number
  • • Kundenadresse in billing_address Object
  • • Produkte in line_items Array
  • • Total in total_price als String

Ergebnis

  • n8n-Workflow perfekt auf Shopify-Datenstruktur abgestimmt – beim ersten Versuch
  • Keine Test-Orders in Production nötig – alles in Dev-Umgebung getestet
  • Automatische Rechnungserstellung läuft fehlerfrei seit Tag 1

Für wen ist WebhookMate gemacht?

Wenn du dich hier wiederfindest, ist WebhookMate MCP genau für dich.

Backend-Entwickler

Du baust APIs und brauchst einen schnellen Weg, um zu sehen, welche Daten Drittanbieter-Webhooks senden.

Integration-Tester

Du testest Webhook-Integrationen von Stripe, GitHub, Shopify etc. und brauchst eine einfache Logging-Lösung.

Full-Stack Teams

Ihr entwickelt Webhook-basierte Features und wollt schnell debuggen, ohne lokale Server zu starten.

AI-Editor Nutzer

Du arbeitest mit Cursor AI, Cline oder GitHub Copilot und willst Webhook-Logs direkt im Editor sehen.

API-Designer

Du entwirfst API-Architekturen und brauchst einen einfachen Webhook-Empfänger für Dokumentation und Tests.

n8n / Zapier User

Du baust Automationen mit n8n oder Zapier und willst Webhook-Payloads vor der Integration analysieren.

Installation in 4 Schritten

WebhookMate MCP ist in wenigen Minuten einsatzbereit. Wähle deinen Editor.

1

Kostenlosen Account erstellen & API-Key generieren

WebhookMate nutzt Bearer Token Authentifizierung. Registriere dich kostenlos und generiere deinen API-Schlüssel:

Wichtig: Nach der Registrierung generierst du im Dashboard deinen API-Schlüssel:

wh_live_xxxxxxxxxx_xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

Dieser wird als Bearer Token verwendet und muss als Umgebungsvariable WEBHOOKMATE_API_KEY gesetzt werden.

2

Repository klonen

Klone das WebhookMate Repository an einen beliebigen Ort auf deinem Rechner:

# Klone das Repository
git clone https://github.com/devgio81/WebhookMate.git

# Ins Verzeichnis wechseln
cd WebhookMate

💡 Merke dir den Pfad – du brauchst ihn für die Editor-Konfiguration (z.B. /Users/deinname/WebhookMate)

3

Dependencies installieren

Installiere die benötigten npm-Pakete mit npm oder yarn:

# Mit npm
npm install

# Oder mit yarn
yarn install

⚠️ Dieser Schritt ist notwendig, damit index.ts ausgeführt werden kann. Die Installation dauert nur wenige Sekunden.

4

Editor konfigurieren

Wähle deinen Editor und füge die Konfiguration hinzu:

Cursor AI

Empfohlen

Öffne ~/.cursor/mcp.json (erstelle die Datei, falls sie nicht existiert) und füge deinen API-Schlüssel hinzu:

{
  "mcpServers": {
    "webhookmate": {
      "command": "npx",
      "args": [
        "tsx",
        "/pfad/zu/WebhookMate/index.ts",
        "https://n8n.tomczak.dev/webhook/webhookmate-mcp"
      ],
      "env": {
        "WEBHOOKMATE_API_KEY": "wh_live_xxxxxxxxxx_xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"
      }
    }
  }
}

💡 Ersetze /pfad/zu/WebhookMate mit dem tatsächlichen Pfad und wh_live_xxx... mit deinem API-Schlüssel aus dem Dashboard.

Cline (VS Code Extension)

Öffne die Cline-Einstellungen und füge unter "MCP Servers" hinzu:

{
  "mcpServers": {
    "webhookmate": {
      "command": "npx",
      "args": [
        "tsx",
        "/pfad/zu/WebhookMate/index.ts",
        "https://n8n.tomczak.dev/webhook/webhookmate-mcp"
      ],
      "env": {
        "WEBHOOKMATE_API_KEY": "wh_live_xxxxxxxxxx_xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"
      }
    }
  }
}

💡 In VS Code: Cmd+Shift+P → "Cline: Open Settings" → MCP Servers. Vergiss nicht, deinen API-Schlüssel einzutragen.

VS Code + GitHub Copilot

Füge zu deinen VS Code Settings hinzu (settings.json):

// .vscode/settings.json oder User Settings
{
  "mcp.servers": {
    "webhookmate": {
      "command": "npx",
      "args": [
        "tsx",
        "${workspaceFolder}/WebhookMate/index.js",
        "https://n8n.tomczak.dev/webhook/webhookmate-mcp"
      ],
      "env": {
        "WEBHOOKMATE_API_KEY": "wh_live_xxxxxxxxxx_xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"
      }
    }
  }
}

💡 MCP-Support in GitHub Copilot ist noch experimental. Prüfe die aktuelle Dokumentation.

4

Loslegen!

Starte deinen Editor neu und frage einfach deinen KI-Assistenten:

// Sage einfach zu deinem KI-Assistenten:

"Erstelle einen Webhook-Endpoint zum Testen meiner API-Integration"

// WebhookMate erstellt automatisch:
{
  "webhook_url": "https://n8n.tomczak.dev/webhook/webhook-receive/abc123-my-api",
  "public_id": "abc123",
  "name": "My API Integration",
  "expires_at": "2026-01-14T10:00:00Z"
}

// Sende Test-Requests:
curl -X POST https://n8n.tomczak.dev/webhook/webhook-receive/abc123-my-api \
  -H "Content-Type: application/json" \
  -d '{"event": "user.created", "user_id": 123}'

// Dann frage:
"Zeig mir die letzten Webhook-Logs für abc123"

// WebhookMate zeigt:
// 1. POST - 2026-01-07T10:30:00Z
//    IP: 192.168.0.0 (anonymisiert)
//    Body: {"event":"user.created","user_id":123}

Verfügbare MCP-Tools

WebhookMate stellt fünf einfache, aber mächtige Tools bereit.

create_webhook

Webhook erstellen

Erstellt einen neuen Webhook-Endpoint und liefert eine eindeutige URL zum Empfangen von Requests.

Parameter:
• slug: "my-api"
• name: "My API"
• description: "..."
list_webhooks

Webhooks auflisten

Zeigt alle aktiven Webhooks mit ihren URLs und Statistiken an. Perfekt für den Überblick.

Keine Parameter nötig
get_webhook_logs

Logs abrufen

Zeigt alle eingehenden Requests eines Webhooks: Headers, Body, IP, Timestamp – alles im Detail.

Parameter:
• public_id: "abc123"
• limit: 50
get_webhook_stats

Statistiken anzeigen

Zeigt Statistiken eines Webhooks: Anzahl Requests, letzter Request, Erstellungsdatum.

Parameter:
• public_id: "abc123"
delete_webhook

Webhook löschen

Entfernt einen Webhook, wenn du ihn nicht mehr brauchst. Halte deine Webhooks sauber.

Parameter:
• public_id: "abc123"

Häufige Fragen

Ist WebhookMate wirklich kostenlos?

Ja, kostenlos mit Fair Use Policy: 50 Webhooks pro Tag erstellen, unbegrenzt Requests empfangen. Alle Webhooks laufen 7 Tage. Perfekt für Entwicklung und Testing. Erstelle deinen kostenlosen Account im Dashboard.

Wie lange bleiben meine Webhooks aktiv?

Webhooks sind temporär (7 Tage aktiv) und Logs werden nach 30 Tagen automatisch gelöscht. Für Entwicklung und Testing perfekt – für Production solltest du einen eigenen Webhook-Receiver nutzen.

Welche Daten werden geloggt?

WebhookMate loggt: HTTP-Method, Headers, Query-Params, Body (JSON & Raw), IP-Adresse (anonymisiert), User-Agent (gehasht) und Timestamp. Alles DSGVO-konform.

Ist WebhookMate DSGVO-konform?

Ja! IP-Adressen werden automatisch anonymisiert (nur erste 2 Oktette), User-Agents als Hash gespeichert und alle Daten nach 30 Tagen automatisch gelöscht. Privacy by Design.

Kann ich sensible Daten senden?

WebhookMate ist für Testing und Debugging gedacht. Sende keine hochsensiblen Daten (Passwörter, Kreditkarten, Gesundheitsdaten). Nutze WebhookMate nur für Entwicklung und Testing.

Wie unterscheidet sich WebhookMate von RequestBin?

WebhookMate ist direkt in deinem KI-Editor integriert (MCP), DSGVO-konform durch Design, kostenlos und Open Source. Keine Web-UI nötig – alles im Editor.

Bereit, loszulegen?

Installiere WebhookMate MCP jetzt und empfange deinen ersten Webhook in unter 5 Minuten.