In Bubble Airtable Datenbank integrieren

Schritt-für-Schritt Anleitung, um Airtable Bases in Bubble zu integrieren.

Chris Strobl
Chris Strobl

In diesem Video geht es um das von Bubble entwickelte Airtable API Plugin. Wir lesen Daten aus Airtable, um diese in Bubble anzuzeigen und schreiben Daten in Airtable aus unserer Bubble Applikation.

Auf Airtable's Website könnt ihr entweder eine neue Datenbank (Base) erstellen oder eine bereits erstellte Base nutzen.

Geht danach in Bubble und sucht unter Plugins das von Bubble selbst entwickelte Airtable Plugin, um dieses zu installieren.

Bubble hat auch eine Dokumentation zu diesem Plugin veröffentlicht: Link zur Dokumentation.

Zunächst müsst ihr einen Airtable API Key konfigurieren:
Unter Airtable, Account Settings könnt ihr diesen API Key konfigurieren. Sobald ihr den korrekten API Key eingegeben habt, seht ihr alle Airtable Bases. Wählt eine aus, um anschließend eine Tabelle auszuwählen. Danach könnt ihr die Rechte definieren: Lesen, Schreiben, Ändern, Löschen. Dies hängt von eurem Use Case ab. Wichtig ist, dass ihr anschließend auf Initialize klickt.

Ihr seht dann Inhalt und Type der Daten. Im Hintergrund läuft quasi der API Connector von Bubble und gleicht dies mit Airtable ab. Wenn ihr nun auf die Daten zugreifen wollt, dann geht in das Design Tab in Bubble:
Erstellst eine Repeating Group und wählt unter Data Source Get Data From External API und wählt eure Base aus. Wichtig ist, dass anschließennd Bubble euch den Content-Type vorschlägt. Danach könnt ihr in der Repeating Group ein Textfeld oder Image erstellen, welche jeweils auf die Airtable Daten zugreifen können: "Current cell's Airtable Table' s Element";

Wenn ihr diese Daten abspeichern wollt, dann erstellt daneben einen Button mit "Speichern" und hinterlegt einen Workflow: Create a new thing, Data Type (je nachdem, wie eure Table logisch definiert ist) und dann ein Field mit dem Field Type aus dem API Connector (text, number, date, image).

Dort könnt ihr dann im Field auch die Current cell aus der Repeating Group wählen und das Field aus der Airtable API. Schließlich könnt ihr auch Daten aus Bubble in Airtable schreiben. Nutzt hierzu den Workflow Plugins, Airtable - Create a new record. Dort könnt ihr im Dropdown Tabellen auswählen, denen ihr vorher in der Plugin Definition Schreibrechte gewährt habt und könnt dann genau die Fields definieren und woher sie ihre Daten bekommen. Dies können Input Fields sein oder aber auch ganz normal aus der Bubble Datenbank abgeleitet werden.

APIsTutorials