> ## Documentation Index
> Fetch the complete documentation index at: https://docs.base44.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Slack Integration

> Verbinde deine Base44 App mit Slack, damit sie Echtzeit-Nachrichten senden kann, wenn etwas Wichtiges passiert, zum Beispiel wenn eine neue Aufgabe erstellt wird oder sich ein Status ändert. So bleibt dein Team direkt in Slack auf dem Laufenden, ohne zwischen Tools wechseln zu müssen.

<Info>
  <u>Hinweis</u>: Die Slack-Integration ist ab dem Builder-Tarif verfügbar.
</Info>

# Schritt-für-Schritt-Einrichtung:

## Teil 1: Die Slack-Seite

Wenn du bereits deinen Slack-Webhook hast, kannst du direkt zu [Teil 2 – Die Base44-Seite](https://docs.base44.com/Integrations/Slack-integration#part-2%3A-the-base44-side) springen.

<Steps>
  <Step title="Gehe zu Slack API Apps">
    <img src="https://mintcdn.com/base44/x7uieDiv9xNLARBF/images/SlackCreateApp.png?fit=max&auto=format&n=x7uieDiv9xNLARBF&q=85&s=665ce65dff5bb32ded5bd5455d46b334" alt="Slack Create App Pn" width="1582" height="812" data-path="images/SlackCreateApp.png" />

    * Öffne: [https://api.slack.com/apps](https://api.slack.com/apps)
    * Klicke auf **Create an App**.
    * Klicke auf **From Scratch**.

          <img src="https://mintcdn.com/base44/x7uieDiv9xNLARBF/images/SlackFromScratch.png?fit=max&auto=format&n=x7uieDiv9xNLARBF&q=85&s=c4ca31f4e81b72b99d87851699e5d155" alt="Slack From Scratch Pn" width="1590" height="789" data-path="images/SlackFromScratch.png" />
  </Step>

  <Step title="Gib ihr einen Namen">
    <img src="https://mintcdn.com/base44/x7uieDiv9xNLARBF/images/Slack-nameWorkspace.png?fit=max&auto=format&n=x7uieDiv9xNLARBF&q=85&s=8f770788c510c5db160b8e27cd3b737d" alt="Slack Name Workspace Pn" width="1999" height="1003" data-path="images/Slack-nameWorkspace.png" />

    * Zum Beispiel: `Base44 Notifications`
    * Wähle deinen Workspace.
  </Step>

  <Step title="Richte Incoming Webhooks ein">
    <img src="https://mintcdn.com/base44/x7uieDiv9xNLARBF/images/Screenshot2025-08-23at1.39.17PM.png?fit=max&auto=format&n=x7uieDiv9xNLARBF&q=85&s=f692e79c91c3f120b208fcf1da1956af" alt="Screenshot2025 08 23at1 39 17PM Pn" width="1581" height="705" data-path="images/Screenshot2025-08-23at1.39.17PM.png" />

    * Öffne in der Seitenleiste **Incoming Webhooks**.
    * Schalte **Activate Incoming Webhooks** auf On.
  </Step>

  <Step title="Verbinde den Webhook mit dem Workspace">
    <img src="https://mintcdn.com/base44/x7uieDiv9xNLARBF/images/Screenshot2025-08-23at1.41.31PM.png?fit=max&auto=format&n=x7uieDiv9xNLARBF&q=85&s=f704aa5753256f5abe3ae417aa1771ec" alt="Screenshot2025 08 23at1 41 31PM Pn" width="1579" height="704" data-path="images/Screenshot2025-08-23at1.41.31PM.png" />

    * Scrolle auf derselben Seite nach unten.
    * Klicke auf **Add New Webhook to Workspace**.
    * Wähle den Kanal, in dem die Nachrichten erscheinen sollen.
    * Klicke auf **Allow**.
  </Step>

  <Step title="Kopiere deine Webhook-URL">
    * Deine Webhook-URL sollte ähnlich wie diese aussehen:

      `https://hooks.slack.com/services/T000/B000/XXXXXXXX`
    * Halte sie griffbereit. Du verwendest sie in Base44, wenn du nach dem **secret** gefragt wirst.
  </Step>
</Steps>

***

## Teil 2: Die Base44-Seite

Sobald du deine Slack-Webhook-URL hast, kannst du sie auf zwei verschiedene Arten mit Base44 verbinden:

<CardGroup cols={2}>
  <Card icon="sparkle" href="https://docs.base44.com/Integrations/Slack-integration#option-a%3A-ready-made-integration-for-new-apps" title="Option A: Ready-made integration (bevorzugt)">
    * Wähle diesen Weg, wenn du eine neue App von Grund auf startest.
  </Card>

  <Card icon="bolt" href="https://docs.base44.com/Integrations/Slack-integration#option-b%3A-instant-integration-connecting-slack-to-an-existing-app" title="Option B: Instant integration">
    * Wähle diesen Weg, wenn du bereits mitten im Erstellen bist und Slack in eine bestehende App integrieren möchtest.
  </Card>
</CardGroup>

***

### Option A: Ready-made integration (für neue Apps)

<Steps>
  <Step title="Öffne den Integrationskatalog">
    * Klicke in Base44 auf Integrations.

          <img src="https://mintcdn.com/base44/oUaRpzSyJvMVshj9/images/Integrations.png?fit=max&auto=format&n=oUaRpzSyJvMVshj9&q=85&s=16ac71b185167177ef260be7c92b0339" alt="Integrations Pn" width="1570" height="652" data-path="images/Integrations.png" />
    * Wähle **Slack**.
    * Wähle **Use this Integration**.

          <img src="https://mintcdn.com/base44/x7uieDiv9xNLARBF/images/SlackCatalog.png?fit=max&auto=format&n=x7uieDiv9xNLARBF&q=85&s=b1ba898486c17d838ebdcb378e2b0727" alt="Slack Catalog Pn" width="1869" height="860" data-path="images/SlackCatalog.png" />
  </Step>

  <Step title="Füge dein Secret ein">
    <img src="https://mintcdn.com/base44/x7uieDiv9xNLARBF/images/SlackWebhookIntegration.png?fit=max&auto=format&n=x7uieDiv9xNLARBF&q=85&s=7bdea82b9adb64802cd47999228a53e3" alt="Slack Webhook Integration Pn" width="1878" height="861" data-path="images/SlackWebhookIntegration.png" />

    * Wenn du dazu aufgefordert wirst, füge deine `SLACK_WEBHOOK_URL` ein.
  </Step>

  <Step title="Erstelle deine App">
    * Tippe deinen ersten Prompt ein, um die App zu erstellen.
    * Beispiel-Prompt:

      `Build me a to-do list app "Todo" that will send a message to my Slack channel every time a task is created or the status changes to Done, In Progress, or Deleted.`
  </Step>

  <Step title="Teste deine App">
    <img src="https://mintcdn.com/base44/UsrMcs9B3MEl2R91/images/Base44SlackTest.png?fit=max&auto=format&n=UsrMcs9B3MEl2R91&q=85&s=747a305a3a27c40b96f24a70ec7ecf29" alt="Base44slack Test Pn" width="1999" height="1609" data-path="images/Base44SlackTest.png" />

    * Beim Erstellen oder Aktualisieren deiner Aufgaben sollte jetzt eine Nachricht in deinem Slack-Kanal gepostet werden.
    * Wenn nichts erscheint, überprüfe nochmals:
      * Der Webhook gehört zum richtigen Kanal.
      * Das Secret ist korrekt gespeichert.
      * Die Posts erfolgen ausschließlich vom Backend (nicht vom Browser).
  </Step>
</Steps>

***

### Option B: Instant integration (Slack mit einer bestehenden App verbinden)

<Steps>
  <Step title="Öffne deine bestehende App">
    <img src="https://mintcdn.com/base44/x7uieDiv9xNLARBF/images/ToDoListApp.png?fit=max&auto=format&n=x7uieDiv9xNLARBF&q=85&s=22e08d98bb0dedcf86dbc22495e54383" alt="To Do List App Pn" width="1853" height="860" data-path="images/ToDoListApp.png" />

    * Hier ist der Prompt, den wir im KI-Chat eingegeben haben, um unsere Beispiel-App zu erstellen: \
      `Build me a to-do list app called Todo`
  </Step>

  <Step stepNumber={2} title="Fordere den KI-Chat auf, deine App mit Slack zu verbinden">
    <img src="https://mintcdn.com/base44/UsrMcs9B3MEl2R91/images/Base44UpdateSlacksecret.png?fit=max&auto=format&n=UsrMcs9B3MEl2R91&q=85&s=e1c3c0f0801662cf38c7b351d3e5d80e" alt="Base44update Slacksecret Pn" width="1885" height="860" data-path="images/Base44UpdateSlacksecret.png" />

    * Beispiel-Prompt für den KI-Chat:

      `Connect this app to Slack using an Incoming Webhook. Ask me for SLACK_WEBHOOK_URL and save it as a Secret. Post to Slack from the backend only.`
  </Step>

  <Step stepNumber={3} title="Füge deine Webhook-URL ein">
    <img src="https://mintcdn.com/base44/x7uieDiv9xNLARBF/images/SlackWebhookPopup.png?fit=max&auto=format&n=x7uieDiv9xNLARBF&q=85&s=35850648cc954557e140745ab7517e0d" alt="Slack Webhook Popup Pn" width="1866" height="843" data-path="images/SlackWebhookPopup.png" />

    * Wenn der KI-Chat dich dazu auffordert, klicke auf `Update SLACK_WEBHOOK_URL secret`.
    * Füge dann deine Webhook-URL in das Popup-Fenster ein.
  </Step>

  <Step title="Verdrahte die Events">
    * Sage dem KI-Chat, wie deine App Slack nutzen soll.
    * Beispiel-Prompt:

    `Hook the backend Slack post into the todo lifecycle:`

    `- On create: post "New task: {title}"`

    `- On status change: post "Task status updated: {title} -> {status}"`

    `- On delete: post "Task deleted: {title}"`

    `Use the channel from SLACK_WEBHOOK_URL. If a call fails, show a small toast and continue.`
  </Step>

  <Step title="Teste deine App">
    <img src="https://mintcdn.com/base44/UsrMcs9B3MEl2R91/images/Base44SlackTest.png?fit=max&auto=format&n=UsrMcs9B3MEl2R91&q=85&s=747a305a3a27c40b96f24a70ec7ecf29" alt="Base44slack Test Pn" width="1999" height="1609" data-path="images/Base44SlackTest.png" />

    * Erstelle eine Aufgabe.
    * Ändere ihren Status auf *In Progress* und dann auf *Done*.
    * Du solltest die entsprechenden Nachrichten in deinem Slack-Kanal sehen.
  </Step>
</Steps>

***

## Fehlerbehebung

* **Keine Nachricht in Slack** → Der Webhook zeigt möglicherweise auf einen anderen Kanal. Erstelle einen neuen für den richtigen Kanal.
* **Frontend-Fehler (401 / CORS)** → Rufe Slack nicht direkt aus dem Browser auf. Poste immer vom Backend.
* **Webhook rotiert oder widerrufen** → Füge den neuen Webhook in Base44 Secrets ein.
* **Workspace blockiert benutzerdefinierte Apps** → Bitte einen Workspace-Admin, deine Slack-App zu genehmigen.

***

## **Häufige Anwendungsfälle für die Base44 × Slack-Integration**

Diese Integration ist großartig, um dein Team auf dem Laufenden zu halten, ohne Slack zu verlassen. Einige beliebte Muster sind:

* **Aufgabenverfolgung:** Poste jedes Mal eine Nachricht, wenn eine neue Aufgabe in deiner App erstellt, aktualisiert oder abgeschlossen wird.
* **Team-Benachrichtigungen:** Sende Benachrichtigungen an einen gemeinsamen Kanal, wenn wichtige Ereignisse eintreten – wie ein Statuswechsel zu *Done*, *In Progress* oder *Blocked*.
* **Fehlerberichte:** Lass dein Backend eine Slack-Nachricht senden, wenn etwas fehlschlägt (zum Beispiel eine Zahlung oder Datensynchronisation), damit du schnell reagieren kannst.
* **Tägliche Zusammenfassungen:** Kombiniere mit Zapier oder einer anderen Integration, um eine morgendliche Übersicht in Slack zu pushen, die gestern erstellte oder abgeschlossene Todos anzeigt.

<Note>Diese Seite wurde mit KI übersetzt. Für die genauesten und aktuellsten Informationen siehe die [englische Version](/). </Note>
