Wo setzt man den Oauth Redirect URI für Facebook Apps?

141

Wir werden gebeten, den OAuth-Umleitungs-URI für Facebook (wie unten gezeigt) in den Anweisungen zum Einrichten von Google Firebase für die Verwendung der Facebook-Anmeldung festzulegen.

Wir haben in jedes Menü für unsere App geklickt. Wo ist es? Könnte es etwas anderes genannt werden?

Aus der Firebase-Dokumentation :

... stellen Sie sicher, dass Ihre OAuth-Weiterleitungs-URI (z. B. my-app-12345.firebaseapp.com/__/auth/handler) als eine Ihrer OAuth-Weiterleitungs-URIs auf der Einstellungsseite Ihrer Facebook-App auf der Facebook for Developers-Website in der Liste aufgeführt ist Produkteinstellungen> Facebook Login Konfiguration.

facebook firebase facebook-apps firebase-authentication Praxiteles
quelle

Antworten:

234

Es fiel mir auch schwer, diese Einstellung zu finden.

Wenn Sie aktiviert sind https://developers.facebook.com/, finden Sie Ihre Apps oben rechts neben Ihrem Profilbild. Wenn Sie die App auswählen, gelangen Sie zu den Einstellungen für diese App.

https://developers.facebook.com/sa/apps/<my-app-id>Stellen Sie in Ihren App-Einstellungen sicher, dass Sie das Facebook LoginProdukt hinzufügen . Geben Sie dann unter "Client-OAuth-Einstellungen" die URL in das Feld "Gültige OAuth-Umleitungs-URIs" ein.

Frank van Puffelen
quelle
2
Wenn Sie auf developer.facebook.com "App-Einstellungen" sagen , wo sehen Sie sie? Wir sehen alle Arten von Werbung. Wir sehen Entwicklereinstellungen. Wir sehen Firmeneinstellungen. Wir sehen auch "meine Apps". Wenn wir dann auf unsere App klicken, sehen wir nicht, wo wir Produkte hinzufügen können.
Praxiteles
1
Diese Informationen wurden ebenfalls hinzugefügt. Ich bin froh, dass ich nicht der einzige bin, der Schwierigkeiten beim Navigieren hat.
Frank van Puffelen
23
Großartig, dass es funktioniert hat. Klicken Sie auf der linken Seite des Bildschirms auf "Produkt hinzufügen", wählen Sie "Facebook-Login" und sehen Sie die Oauth-Optionen.
Praxiteles
Ich habe gerade 30 Minuten damit verbracht, herauszufinden, wie ich das einstellen soll. Warum nicht die Firebase-Dokumentation aktualisieren, um dies zu zeigen (obwohl es sich wirklich um ein Problem mit der Facebook-Komplexität / der schlechten Benutzeroberfläche handelt)? Sonofafrikkinb! Danke für die Antwort Frank.
Ronnie Royston
Aber in meinem Entwicklerfenster kann ich immer noch nicht das gleiche @FrankvanPuffelen finden, da verschiedene andere Optionen verfügbar sind, aber nicht der Client OAuth ont!
Yash Agrawal
121

Laut neuen Änderungen in der Benutzeroberfläche der Facebook-Entwickler-Website finden Sie diese hier. Geben Sie ein Bild nach Bildschritten, um es zu finden.

1.Klicken Sie auf Produkt hinzufügen wie in der Abbildung unten.

Geben Sie hier die Bildbeschreibung ein

2. Sie erhalten einen Bildschirm wie diesen. Daraufhin wird eine Liste der von Facebook bereitgestellten Produkte angezeigt. Auf dem Bild wird der Facebook-Login nicht angezeigt, da ich ihn bereits hinzugefügt habe.

Geben Sie hier die Bildbeschreibung ein

3.Klicken Sie auf die Einstellungen des Facebook-Logins.

Geben Sie hier die Bildbeschreibung ein

4.Sie erhalten den erforderlichen Bildschirm mit der Client-OAuth-Anmeldung und dem Feld zur Eingabe der Weiterleitungs-URL.

Geben Sie hier die Bildbeschreibung ein

Haseeb Mohamed
quelle
Was wird die URL sein? Mein App-Name ist FirebaseLogin.
Amit Jayaswal
1
Sie können Ihre Weiterleitungs-URL von der Firebase-Konsole abrufen, indem Sie auf Authentifizierung-> Facebook gehen. Kopieren Sie sie einfach und fügen Sie sie hierher ein. Hoffentlich hilft es.
Haseeb Mohamed
2
Das ist eine wirklich gute Anleitung. Ich habe es Schritt für Schritt gemacht und auch den Umleitungs-URI hinzugefügt, den ich von meiner Firebase-Konsole erhalten habe. Trotzdem kann ich mich nicht mit Facebook anmelden. Meine Android-Anwendung funktionierte einwandfrei, aber plötzlich wurde folgende Fehlermeldung angezeigt: "Die angegebene URL ist in der Anwendungskonfiguration nicht zulässig. Eine oder mehrere der angegebenen URLs sind in den Einstellungen der App nicht zulässig. Sie müssen mit der Website übereinstimmen URL oder Canvas-URL oder die Domain muss eine Subdomain einer der Domains der App sein. " Können Sie mir bitte dabei helfen?
CodingAround
Vielen Dank!! Die neuen Dashboard-Änderungen sind verwirrend. Ihre Screenshots haben sehr geholfen. :)
mithil1501
Ich möchte das Produkt "Facebook Login" hinzufügen, aber die Zeile "Produkte +" ist deaktiviert !!! Wie behebe ich das?
Shlomo
14

1- Gehen Sie zu Ihrer Firebase-Konsole -> Authentifizierung -> ANMELDEMETHODE -> Facebook. Sie finden diesen Link unter Ihrem App Secret und Ihrer App ID. Kopiere es. (Es sollte ungefähr so ​​aussehen: https://your-app-id.firebaseapp.com/__/auth/handler )

2- Gehen Sie zu https://developers.facebook.com/apps/ -> Ihre App -> Produkt -> Facebook-Login (fügen Sie es hinzu, falls noch nicht geschehen) -> Einstellungen. Nach dem Link, den Sie in das Feld "Gültige OAuth-Umleitungs-URIs" kopiert haben.

Abosamie
quelle
8

Es ist nicht mehr in den Einstellungen vorhanden. Eine Option "+ Produkt hinzufügen" finden Sie im linken Menü. Wählen Sie das und dann "Facebook Link". Dort finden Sie ein Feld zum Einfügen des Links.

Übrigens kann sich dies ändern, wenn FB beschließt, seine Menü-Benutzeroberfläche neu zu gestalten

Pranav Mahajan
quelle
1

Schauen Sie in der linken Leiste unter dem Titel PRODUKTE nach und doppelklicken Sie auf den Facebook- Anmeldetitel .

Caner Yılmaz
quelle