In Bubble Facebook Login hinzufügen

In weniger als 4 Minuten lernst Du Schritt für Schritt wie du einen Facebook Login kostenlos in deine Bubble App hinzufügen kannst.

Im ersten Schritt gehst du auf Facebooks' Developer Portal und erstellst in deinem Account ein neues Projekt. Anschließend gehst du in die Settigns und erhälst den App ID/API Key und API Secret.
Danach gehst Du in deine Bubble App und fügst unter Plugins das offizielle Bubble Facebook Plugin hinzu. Dort fügst Du die Credentials ein.

Im nächsten Schritt musst du die Checkbox bei Use a generic redirect URL (meineapp.bubbleapps.io/api/1.1/oauth_redirect) unbedingt anklicken, damit Facebook den Server erkennnt. Danach gehst du in Facebook und fügst ein neues Produkt, nämlich den Facebook Login hinzu.

Unter den Settings ist entscheidend, dass du die Adresse von Bubble (meineapp.bubbleapps.io/api/1.1/oauth_redirect) unter Valid OAuth Redirect URIs hinzufügst.

Schließlich fügst du einen neuen Button in deiner Bubble App hinzu, erstellst einen Workflow und wählst unter Account, Signup/login with a social network die Option Facebook aus.

Wir testen die Login Funktionalität mit einem Beispiel Bild, welches wir dynamisch über Current User, Facebook, Profile Picture und Text für Vornamen, Nachnamen und Email über Current User, Facebook, First Name, Last Name und Email erhalten.