In Bubble Slack API hinzufügen

Schritt-für-Schritt Anleitung, um Bubble mit Slack zu integrieren und dadurch Daten zwischen beiden Plattformen auszutauschen.

Chris Strobl
Chris Strobl

In diesem Video lernt ihr die Slack API in Bubble io zu integrieren und dadurch erhaltet ihr die Fähigkeit Slack mit Bubble kommunizieren zu lassen.

Video-Tutorial: Slack API mit Bubble verbinden

Zunächst sehen wir uns die offizielle Slack API unter https://api.slack.com an. Dort erstellt ihr eine neue App.

Anschließend installiert ihr das offizielle Slack Plugin von Bubble.io (wählt Plugins und sucht nach Slack). Client ID und Client Secret findet ihr in der Slack API. Für Development und Live wählen wir für die vereinfachte Darstellung die gleichen Key.

Wichtig ist, dass ihr Use a generic redirect url (mit eurem speziellen Bubble App Namen) auswählt. Anschließend könnt ihr diese Adresse nehmen und in der Slack API unter OAuth & Permissions, nämlich unter Add new redirect URL, hinzufügen.

Zusätzlich müssen wir den Umfang und Scope der Slack API für unsere App festlegen. Hier seid ihr sehr frei in der Gestaltung. Wir zeigen einige Beispiele, indem wir folgende Scopes auswählen:

  • channels:read
  • chat:write
  • users:read
  • users:read.email

Anschließend erstellen wir einen Signup mit Slack Button und zusätzlichem Workflow. Um zu überprüfen, ob der Button funktional ist, lassen wir uns vom Nutzer die Slack Namen anzeigen. Danach erstellen wir ein Input Feld und senden über einen Button (Nachricht senden) in Slack eine neue Nachricht.

Der Workflow geht unter Plugins und posted von einem Nutzer in einen Channel. Schließlich nutzen wir eine Repeating Group, um Channel über die Slack API direkt in Bubble.io anzuzeigen. Wir zeigen die Channel an und die Anzahl an Member. Somit haben wir hier beispielhaft gezeigt, wie viel man mit Slack und Bubble machen kann.

APIsTutorials