2017-08-29 2 views
1

Ich versuche lokal meine "Weiter mit Facebook" -Taste zu testen. Ich erhalte den Fehler, dass die URL ungültig ist. Im Folgenden habe ich die OAuth-Einstellungen meiner App konfiguriert. Basierend auf all meinen Nachforschungen ist das korrekt konfiguriert, aber etwas stimmt immer noch nicht.Testen "Facebook Login" vor Ort

Ich benutze Npm http-Server, um eine lokale Instanz meiner Website zu betreiben. Es läuft auf localhost: 8080

Err

Fb settings

enter image description here

enter image description here

Gemäß dem letzten Bild, es mich nicht lassen Domäne hinzufügen wie "http://localhost:8080". Es lässt mich nur "localhost"

+0

_ "Wie im letzten Bild wird mir keine Domain wie" http: // localhost: 8080' "hinzugefügt. Ich kann nur "localhost" hinzufügen "_ - Glückwunsch, Sie haben gerade den Unterschied zwischen einem Domain-Namen und einer URL herausgefunden ... – CBroe

+1

Überprüfen Sie, welchen Wert der Parameter redirect_uri in Ihrem Anmeldedialogaufruf (Browser-Adressleiste) hat. Dieser genaue Wert muss im Feld "Gültige OAuth-Umleitungs-URIs" angegeben sein. – CBroe

Antwort

0

hinzufügen Wenn Ihre tatsächliche Produktion URL domain.com dann in FB> Einstellungen> App Domains, fügen Sie die zusätzliche URL local.domain.com. Dann auf dem lokalen Computer in der Datei/etc/hosts-Datei (oder Windows equivalent) fügen Sie den Eintrag:

127.0.0.1 local.domain.com 

in einem Browser navigieren Sie zu local.domain.com und diese URL wird von Ihrem lokalen Rechner bedient werden (zB localhost). Dadurch wird Facebook Login beim Ausführen einer Test-/Entwicklungsversion glücklich.

Sie müssen auch Ihre Maschine IP (in FB> Einstellungen> Erweitert> Sicherheit> Server-IP-Whitelist) und fügen Sie eine zusätzliche http://local.domain.com/callback (in FB> Facebook-Login> Einstellungen> Valid OAuth umleiten URIs) auf die weiße Liste setzen.