Facebook-Anmeldung verbinden

Damit sich die Nutzer Ihres Service mit einem Facebook-Konto registrieren können, melden Sie Ihren Service zuerst bei Facebook an und holen sich dort eine App ID und ein App secret.

Diese Seite führt Sie durch die Reihenfolge, in der Sie App ID und App secret erhalten. Wie Sie die beiden erhaltenen Werte in WEEGLOO eintragen, steht unter App ID und App secret in WEEGLOO eintragen.

App ID und App secret bei Facebook erhalten

Melden Sie sich mit Ihrem Facebook-Konto an und gehen Sie dann die vier folgenden Schritte nacheinander durch. Was Sie hier tun, kostet nichts.

1

Eine App anlegen

Wenn Sie bereits eine App nutzen und auf deren Bildschirm Use cases der Eintrag Facebook Login steht, können Sie diese App unverändert weiterverwenden, statt eine neue anzulegen. Überspringen Sie dann diesen Schritt und gehen Sie zu Die E-Mail-Berechtigung hinzufügen.

Sie durchlaufen nacheinander die fünf Bildschirme App details, Use cases, Business, Requirements und Overview.

  1. Öffnen Sie den Bildschirm mit der App-Liste (https://developers.facebook.com/apps (wird in einem neuen Tab geöffnet)).

  2. Klicken Sie auf Create App.

    Der Bildschirm Apps ohne jede App. In der Mitte stehen der Hinweis No apps yet und die Schaltfläche Create App

  3. Geben Sie unter App name einen Namen ein, den Sie später wiedererkennen (z. B. Gemütlicher Kleiderschrank).

  4. Geben Sie unter App contact email die Adresse ein, über die Sie Anfragen erhalten. Facebook nutzt diese Adresse, wenn es Sie zu dieser App kontaktiert.

  5. Klicken Sie auf Next.

    Der Schritt App details auf dem Bildschirm, den Sie Schritt für Schritt ausfüllen. Es gibt das Feld App name und das Feld App contact email, unten rechts liegt die Schaltfläche Next

  6. Setzen Sie das Häkchen bei Authenticate and request data from users with Facebook Login.

  7. Klicken Sie auf Next.

    Der Schritt Use cases auf dem Bildschirm, den Sie Schritt für Schritt ausfüllen. Von sechs Einträgen ist Authenticate and request data from users with Facebook Login angehakt

  8. Wählen Sie den Eintrag I don’t want to connect a business portfolio yet. Das Business-Portfolio können Sie, wie in der Beschreibung auf dem Bildschirm steht, später hinzufügen.

  9. Klicken Sie auf Next.

    Der Schritt Business auf dem Bildschirm, den Sie Schritt für Schritt ausfüllen. Zu sehen sind die Option I don’t want to connect a business portfolio yet. und der Hinweis, dass kein Business vorhanden ist

  10. Lesen Sie den Inhalt des Bildschirms Requirements und klicken Sie auf Next. Hier geben Sie nichts ein.

    Der Schritt Requirements auf dem Bildschirm, den Sie Schritt für Schritt ausfüllen. Unter Publishing requirements sind Business verification und App Review aufgelistet

  11. Prüfen Sie auf dem letzten Bildschirm Overview, was Sie bisher ausgewählt haben, und legen Sie die App an.

2

Die E-Mail-Berechtigung hinzufügen

Wenn sich ein Nutzer mit Facebook anmeldet, liest WEEGLOO die E-Mail-Adresse mit aus und legt sie beim Mitglied ab. Innerhalb desselben Space kann man sich mit einer E-Mail-Adresse nur einmal registrieren. Ohne die Berechtigung email gibt Facebook die E-Mail-Adresse nicht weiter. Überspringen Sie diesen Schritt deshalb nicht.

  1. Wenn der Bildschirm der App nicht geöffnet ist, klicken Sie auf dem Bildschirm mit der App-Liste (https://developers.facebook.com/apps (wird in einem neuen Tab geöffnet)) auf die App, die Sie für die Anmeldung verwenden.

  2. Klicken Sie im linken Menü auf Use cases.

  3. Klicken Sie beim Eintrag Facebook Login auf Customize.

  4. Klicken Sie links auf Permissions and features.

  5. Klicken Sie in der Zeile email auf + Add.

    Die Liste Permissions and features. In der Zeile email steht unter Status nichts und unter Action liegt die Schaltfläche + Add, in der Zeile public_profile ist Ready for testing zu sehen

  6. Prüfen Sie, ob in den beiden Zeilen email und public_profile unter Status jeweils Ready for testing steht.

    Dieselbe Liste. In beiden Zeilen email und public_profile steht unter Status Ready for testing

3

Die Anmeldeadresse registrieren

  1. Wenn der Bildschirm Customize use case nicht geöffnet ist, klicken Sie auf dem Bildschirm mit der App-Liste (https://developers.facebook.com/apps (wird in einem neuen Tab geöffnet)) auf die App, die Sie für die Anmeldung verwenden. Klicken Sie dann im linken Menü unter Use cases beim Eintrag Facebook Login auf Customize.

  2. Klicken Sie links auf Settings.

  3. Fügen Sie die folgende Adresse in das Feld Valid OAuth Redirect URIs ein. Wenn Sie Ihren Space auswählen, wird die Kennung eingesetzt.

    Space
    https://auth.weegloo.com/v1/spaces/{spaceId}/login/oauth2/code/facebook

    Wenn Sie nicht wissen, welcher Space Ihrer ist, und die Anbindung einem KI-Agenten überlassen haben, können Sie auch den Agenten fragen. Wenn Sie im Chatfenster „Sag mir die Weiterleitungsadresse, die ich für die Facebook-Anmeldung registrieren muss“ eingeben, erhalten Sie die fertige Adresse.

    Der Redirect URI Validator oben auf demselben Bildschirm ist nicht die Stelle, an der Sie eine Adresse registrieren. Wenn Sie in Redirect URI to check eine Adresse eintragen und auf Check URI klicken, können Sie diese Adresse prüfen.

  4. Klicken Sie auf Save Changes.

    Der Bildschirm Settings. Oben liegt der Redirect URI Validator, unten unter Client OAuth settings liegt das Feld Valid OAuth Redirect URIs

4

App ID und App secret kopieren

App ID und App secret stehen auf dem Bildschirm mit den Grundeinstellungen der App.

Oben auf diesem Bildschirm kann ein rotes Banner Currently ineligible for submission erscheinen. Es weist darauf hin, dass App icon, Privacy policy URL und Category leer sind. Diese drei Einträge brauchen Sie, wenn Sie die Prüfung einreichen. Für das Verbinden der Anmeldung brauchen Sie sie jetzt nicht.

  1. Wenn der Bildschirm der App nicht geöffnet ist, klicken Sie auf dem Bildschirm mit der App-Liste (https://developers.facebook.com/apps (wird in einem neuen Tab geöffnet)) auf die App, die Sie für die Anmeldung verwenden.

  2. Klicken Sie im linken Menü auf App settings.

  3. Klicken Sie auf Basic.

  4. Kopieren Sie den Wert, der bei App ID steht, und legen Sie ihn beiseite.

  5. Klicken Sie rechts neben App secret auf Show.

  6. Kopieren Sie den erscheinenden Wert und legen Sie ihn beiseite.

    Der Bildschirm Basic unter App settings. Der Wert der App ID ist zu sehen, das App secret ist durch Punkte verdeckt und rechts daneben liegt die Schaltfläche Show

Beide Werte können Sie auf diesem Bildschirm jederzeit wieder ansehen. Für das App secret klicken Sie auf Show. Auch wenn Sie den Bildschirm verlassen, ohne die Werte notiert zu haben, müssen Sie also nichts neu erzeugen. Allerdings ist das App secret ein geheimer Wert. Geben Sie es nicht an andere weiter und notieren Sie es nicht an einer öffentlich zugänglichen Stelle.

Personen, die es ausprobieren, als Tester hinzufügen

Für die Verbindung mit WEEGLOO müssen Sie die Prüfung nicht abwarten. Sobald Sie App ID und App secret in WEEGLOO eintragen, funktioniert die Anmeldung sofort.

Die gerade angelegte App ist allerdings noch nicht geprüft worden, und bis dahin gelingt die Anmeldung nur mit dem Konto, das die App angelegt hat. Damit auch andere Personen die Anmeldung ausprobieren können, fügen Sie die jeweilige Person der App als Tester hinzu.

  1. Klappen Sie im linken Menü App roles auf und klicken Sie auf Roles.

  2. Klicken Sie oben rechts auf Add People.

    Der Bildschirm App roles. Es gibt die Tabs All roles, Administrators, Developers, Testers und Analytics Users, oben rechts liegt die Schaltfläche Add People

  3. Wählen Sie Tester.

  4. Geben Sie in das Feld darunter den Namen oder die Facebook-ID der Person ein, die Sie hinzufügen möchten, und klicken Sie auf Add.

    Das Fenster Add people to your app. Unter Administrator, Developer, Tester und Analytics User ist Tester ausgewählt, darunter liegt ein Eingabefeld, mit dem Sie eine Person suchen

Das Menü Test users direkt darunter funktioniert nicht.

Um es für alle Nutzer zu öffnen, durchlaufen Sie die Prüfung

Damit sich nicht nur die als Tester hinzugefügten Personen, sondern alle Nutzer anmelden können, müssen Sie die Prüfung von Facebook durchlaufen. Wenn Sie bereit sind, klappen Sie im linken Menü Review auf und öffnen App Review. Dort stehen email und public_profile, die Sie weiter oben hinzugefügt haben, unter Not submitted. Prüfen Sie, ob die beiden Berechtigungen stimmen, und klicken Sie unten rechts auf Next. Damit gehen Sie zum Einreichungsverfahren über.

Der Bildschirm App Review unter Review. In der Liste Not submitted stehen email und public_profile

Nach Next folgen noch mehrere Schritte. Diese Seite führt Sie nur bis zum Beginn der Einreichung. Das restliche Verfahren und die Prüfkriterien stehen in der Meta-Doku (wird in einem neuen Tab geöffnet). Sobald Sie die Prüfung bestanden haben, kann sich ab diesem Zeitpunkt jeder Nutzer mit dieser App anmelden.

App ID und App secret in WEEGLOO eintragen

Jetzt haben Sie App ID und App secret in der Hand. In welche Felder des Content-Studios die zwei Werte gehören, sehen Sie hier.

Facebook-BildschirmContent-Studio
App IDApp ID
App secretApp secret

Ab hier trennen sich die Wege danach, wie Sie bisher gearbeitet haben.

Wenn Sie die Einstellung direkt im Content-Studio vorgenommen haben, gehen Sie so vor.

  1. Kehren Sie zum Einschalten der sozialen Anmeldung unter Anmeldung für Service-Mitglieder zurück.
  2. Schalten Sie Facebook ein.
  3. Tragen Sie die App ID in das Feld App ID unter Step 2 ein.
  4. Tragen Sie das App secret in das Feld App secret ein.
  5. Klicken Sie auf Speichern.

Wenn Sie die Anbindung einem KI-Agenten überlassen haben und den Hinweis bekamen, App ID und App secret zu holen, fügen Sie die beiden erhaltenen Werte unverändert in das Chatfenster ein und setzen Sie Ihre Arbeit fort. Die restliche Einstellung übernimmt der Agent im Anschluss.

Was als Nächstes zu tun ist

  • Anmeldung für Service-Mitglieder: Tragen Sie die erhaltenen Werte im Content-Studio ein und schließen Sie die restliche Einstellung der Mitgliederanmeldung ab.
  • Rollen und Berechtigungen von Mitgliedern: Erstellen Sie die ServiceUserRole, die festlegt, was ein registriertes Mitglied sehen und nutzen kann.
  • Auth API: Behandelt technische Spezifikationen wie das Anfrageformat, das Sie brauchen, um die Anmeldung in den Code Ihrer Website einzubinden.