Bubble.io

​

Überblick

Bubble.io, eine beliebte No-Code-Plattform, ermöglicht es Ihnen, Web- und mobile Apps zu erstellen, ohne eine einzige Zeile Code zu schreiben. Durch die Integration der Ayrshare-Social-Media-API können Sie die Social-Media-Konten Ihrer Nutzer direkt in Ihrer Bubble-App verwalten. Es gibt zwei Möglichkeiten, dies zu erreichen:

• Bubble-Ayrshare-Plugin: Diese benutzerfreundliche Option erfordert nur minimale Einrichtung. Allerdings hat sie eine eingeschränkte Funktionalität im Vergleich zum Bubble-API-Connector.
• Bubble-API-Connector: Für mehr Flexibilität und Kontrolle nutzen Sie den Bubble-API-Connector. Dieser Ansatz ermöglicht es Ihnen, direkt mit der Ayrshare-API zu interagieren, was einen größeren Funktionsumfang in Ihrer Bubble.io-App eröffnet.

Dieser Leitfaden führt Sie durch beide Integrationsoptionen.

​

Schnellstart: Das Bubble.io-Ayrshare-Plugin

Bubble ist eine der leistungsfähigsten No-Code-Softwareentwicklungsplattformen. Der einfachste Einstieg ist das Bubble.io-Plugin von Ayrshare. Siehe unten für eine fortgeschrittenere Bubble-Integration. Erstellen Sie zunächst ein Konto bei ayrshare.com. Verbinden Sie dann Ihre Social-Media-Konten. Sobald Ihre Konten verbunden sind, können Sie zum API-Dashboard navigieren und Ihren API-Key kopieren. Fügen Sie das Ayrshare-Plugin über den Bubble-Plugin-Marketplace zu Ihrer Bubble-App hinzu. Geben Sie in das Plugin-Feld „API Key” Ihren API-Key ein. Jetzt können Sie über Ihre Bubble-App Beiträge an Ihre Social-Media-Konten senden. Das Bild unten zeigt beispielhaft einen Workflow-Aufruf in Bubble an das Plugin für einen Beitrag mit einem Bild. Das obige Video erklärt dies ausführlicher. Stellen Sie sicher, dass Sie die folgenden Parametertypen verwenden:

• post: ein Text im Format JSON-safe
• platforms: eine Liste von Texten, wobei jeder Text in Anführungszeichen steht, wie z. B. "facebook","instagram"
• media: ein Text-URL im Format JSON-safe
• date: ein date/time im Format JSON-safe

Das Ayrshare-Plugin erlaubt Ihnen das Posten und Löschen von Beiträgen. Um die volle Leistungsfähigkeit von Ayrshare auszuschöpfen, empfehlen wir die Verwendung des Bubble-API-Connector-Plugins und dessen Konfiguration mit den Endpoints, die Sie für Ihre App benötigen.

​

Das Bubble-API-Connector-Plugin

Alternativ können Sie das Bubble-API-Connector-Plugin verwenden, um die volle Leistungsfähigkeit der Ayrshare-API zu nutzen. Hier ist ein Video, das Ihnen den Einstieg in die Verwendung des Bubble-API-Connectors mit Ayrshare zeigt und Sie durch das Posten mehrerer Bilder pro Beitrag führt. Unten finden Sie ein weiteres Tutorial-Video, das zeigt, wie Sie in Bubble Social-Profile-Analytics abrufen.

​

Auf mehreren Social-Media-Konten posten

Hier ist ein Artikel mit einem Überblick:

​

Bubble-Post-Daten validieren

Wenn Sie über den API-Connector zu Bubble posten, kann es schwierig sein, festzustellen, ob Sie gültiges JSON senden. Häufig gibt Ayrshare bei ungültigem JSON eine HTML-Antwort zurück. Ayrshare bietet eine /validateJSON-URL, an die Sie posten können statt an den üblichen /post-Endpoint. Es wird „Valid” oder „Not Valid” zurückgegeben. Achten Sie darauf, den Content-Type auf text/plain statt des üblichen application/json zu setzen. Klicken Sie auf den Troubleshooting-Link „Response Returns as Bad Request”, um die Details zu sehen.

​

Mediendateien in Bubble hochladen

Verwenden Sie den File Uploader von Bubble, um Ihre Mediendateien hochzuladen. Diese Dateien werden auf Amazon S3 gespeichert. Sie erhalten eine URL zurück, die im Body-Parameter mediaUrls des Endpoints /post verwendet werden kann.

​

JWT-Token in Bubble generieren

Um in Bubble ein JWT-Token zu generieren, müssen Sie zuerst den private.key stringifizieren, den Sie an den /profiles/generateJWT-Endpoint senden. Schritt 1: Gehen Sie zu https://onlinetexttools.com/json-stringify-text und fügen Sie Ihren private.key im linken Eingabetextbereich ein. Kopieren Sie anschließend den stringifizierten Text auf der rechten Seite in Ihre Zwischenablage. Schritt 2: Erstellen Sie in Ihrer Bubble-App einen neuen Aufruf mit dem API-Connector wie unten gezeigt. Der Text im Feld privateKey im Bereich Body ist der stringifizierte Text, den Sie in Schritt 1 erstellt haben. Fügen Sie außerdem Ihre bereitgestellte domain und profileKey wie unten gezeigt hinzu. Schritt 3: Klicken Sie auf die Schaltfläche Initialize call und speichern Sie die Antwort. Das Feld url in der Antwort ist das, worauf Ihr Nutzer klickt, um die Social-Media-Konten-Linking-Seite aufzurufen.

​

Nutzern erlauben, ihre sozialen Konten zu verknüpfen

Wenn Sie den Launch-Plan, Business-Plan oder Enterprise-Plan verwenden, zeigt Ihnen dieses Video, wie Sie Bubble einrichten, damit alle Ihre Nutzer ihre sozialen Konten verknüpfen können.

​

Text mit KI umschreiben und mit Bubble in soziale Netzwerke posten

So können Sie Ayrshare und Bubble.io verwenden, um eine Umschreibe- und Social-Posting-App zu erstellen. Die App nimmt einen Text, schreibt ihn auf 5 verschiedene Arten um und postet ihn auf Ihren sozialen Konten.

​

Bubble-API-Connector

Wir empfehlen die Verwendung des Bubble-API-Connectors, um Ihre Ayrshare-API-Aufrufe durchzuführen. Beachten Sie, dass Bubble alle API-Aufrufe nach 150 Sekunden mit einem Timeout beendet und den Aufruf einmalig erneut versucht. Ein großes Video kann länger als 150 Sekunden benötigen, was dazu führt, dass Bubble den Beitrag automatisch erneut versucht und einen Fehler „duplicate post” verursacht. Wir empfehlen, für größere Videos einen geplanten Beitrag zu verwenden.

​

Nützliche Bubble-Blog-Artikel

• Build a Social Media Posting Mobile App with No Code.
• How to Create a Social Media Scheduling App with No Code.