Facebook App Domain Name bei Verwendung von localhost

Aus einem Tutorial hier:
http://ankurm.com/blog/api/using-localhost-for-facebook-app-development/1091/

Ich habe versucht, einen lokalen Entwicklungsbereich für meine Facebook-App einzurichten. Aber wenn ich " http: // localhost: 85 / my_app / " als meinen Domainnamen setze , sagt Facebook

App-Domänen: " http: // localhost: 85 / app-name / " sollten keine Protokollinformationen enthalten.

Auch wenn ich "localhost: 85 / my_app /" als Domainnamen eingebe, wird folgende Fehlermeldung angezeigt:

App-Domänen: localhost: 85 / my_app / ist keine gültige Domäne.

Es scheint, dass das Protokoll geändert wurde.

Hier ist meine Lösung (ich habe sie am 3. April 2015 getestet und sie funktioniert gut):

Unter Einstellungen -> Registerkarte Basis

1. App Domain: localhost
2. Klicken Sie auf " + Plattform hinzufügen " und wählen Sie " Website ".
3. Site-URL: http: // localhost: <Port> / ( <Port> ist Ihre Portnummer)
4. Änderungen speichern

Meine Lösung:

1. Lassen Sie die App-Domänen leer
2. (Produkte) Facebook Login> Einstellungen
3. In http://localhost:85/my_app/zu Valid OAuth redirect URIsFeld
4. Änderungen speichern

1. Lassen Sie die App-Domänen leer
2. Gehen Sie mit Facebook Login zur Website
3. Hinzufügen http://localhost:port_number/
4. Speichern Sie die Änderungen und versuchen Sie es erneut. Für weitere Informationen besuchen Sie

http://developers.facebook.com/docs/samples/canvas/ Viel Spaß beim Codieren :-)

Dies hat sich im Laufe der Jahre geändert, aber ich habe es gerade dazu gebracht, mit einer Webanwendung zu arbeiten, die ich auf localhost verwende. Das habe ich getan:

1. Gehen Sie zu https://developers.facebook.com/apps
2. Wählen Sie Ihre App aus.
3. Wählen Sie in der linken Navigationsleiste Einstellungen> Basis.
4. Klicken Sie unten auf der Seite auf die Schaltfläche Plattform hinzufügen.
5. Klicken Sie auf Website
6. Geben Sie http://localhost:8080/als Site-URL ein.
7. Klicken Sie auf die Schaltfläche Schnellstart ganz rechts neben der soeben eingegebenen Site-URL.
8. Eine neue Registerkarte wird geöffnet. Scrollen Sie auf dieser Registerkarte nach unten zum Abschnitt "Erzählen Sie uns von Ihrer Website" und geben Sie erneut http://localhost:8080/die Website-URL ein.
9. Klicken Sie auf die Schaltfläche Weiter.
10. Es wurde versucht, sich erneut anzumelden, und diesmal hat es funktioniert.

Viel Glück!

2018 Arbeitslösung

Ich habe ewig gebraucht, um das herauszufinden, also werde ich meine Lösung teilen.

Ich habe alle vorgeschlagenen Antworten ausprobiert, aber nichts hat für mich funktioniert, und am Ende musste ich nur zu https://developers.facebook.com/apps/YOUR_APP_ID/fb-login/settings/ gehen und meine hinzufügen vollständige Rückruf-URL im Feld Gültige OAuth-Umleitungs-URIs .

In meinem Fall sah meine URL mit Rubin auf Schienen so aus http://localhost:3000/user/auth/facebook/callback.

Und gleich nachdem ich es hinzugefügt hatte, fing alles an zu funktionieren! Hoffe, dies hilft jemand anderem, der sich diesem Problem stellt.

Das habe ich früher gemacht.

Wenn Sie Windows verwenden, müssen Sie die Hostdatei ändern. Der Speicherort der Hostdatei befindet sich unter%SystemRoot%\System32\drivers\etc\

Fügen Sie eine neue Zeile in die Host-Datei ein

127.0.0.1    localhost.YOUR-SITE-NAME.com

Speichern Sie die Hostdatei.

Gehen Sie zum Kontrollfeld für FB-Apps-Einstellungen und geben Sie localhost.YOUR-SITE-NAME.comim Feld Apps-Domäne ein. Änderungen speichern.

Laden Sie nun localhost.YOUR-SITE-NAME.comIhre lokale Umgebung wie in Ihrem Browser.

NB: Ändern Sie Ihren Site-Namen mit Ihrem Domain-Namen.

Arbeitslösung (August 2018)

Wählen Sie zunächst Ihre App im Entwickler-Dashboard aus .

Stellen Sie dann sicher, dass sich Ihre App im Entwicklungsmodus befindet , da sie localhost über HTTP zulässt. Klicken Sie dazu auf den Schalter oben rechts auf der Seite Ihrer App.

Befolgen Sie abschließend die folgenden Hinweise, da diese bei unsachgemäßer Befüllung Probleme verursachen können:

• Settings > Basic > App Domains sollte leer sein
• Products > Facebook Login > Settings > Valid OAuth Redirect URIs sollte leer sein

Sie können es entweder leer lassen oder verwenden localhost, http://localhost:85/my_app/ist die URL

Als ich dieses Tutorial zu diesem Zeitpunkt schrieb, war der Port in der App-Domäne zulässig. Und ich kann tatsächlich eine App mit 81 Ports (Wamp-Server) ausführen. Jetzt sieht es so aus, als ob Facebook keinen Port in URL zulässt. Sie können localhostin App-Domain verwenden.

Ich werde die Informationen so schnell wie möglich aktualisieren. Ich versuche eine Lösung zu finden.

Eine vorübergehende Lösung ist die Verwendung von localtunnel http://progrium.com/localtunnel/

Ich habe das getestet und es funktioniert für mich [Februar 2020]:

1. Installieren Sie ngrok und rufen Sie Ihre https-URL ab (Beispiel: https://a3asdf23.ngrok.io )
2. Gehen Sie zu FB App Dashboard Settings (Basic) -> unter App Domains -> add https://a3asdf23.ngrok.io, https://ngrok.io.
3. Scrollen Sie auf derselben Seite ganz nach unten, Plattform hinzufügen (Website), und legen Sie die URL als fest https://a3asdf23.ngrok.io. Noch nicht fertig, klicken Sie auf QuickStart -> unter "Erzählen Sie uns von Ihrer Website" und geben Sie dieselbe URL ein https://a3asdf23.ngrok.io.
4. Dann gehen Sie auf Produkte -> Facebook Login -> Einstellungen -> Client OAuth - Einstellungen -> Gültige OAuth Redirect URIs -> fügen Sie diese https://a3asdf23.ngrok.io, https://ngrok.io, https://a3asdf23.ngrok.io/{your-redirect-uri}.

Und los geht's. Danke mir später :)

Sie müssen einen Tunnel erstellen, um Ihren lokalen Host freizugeben. Ngrok ist vielleicht der einfachste Weg, das zu tun.

https://ngrok.com

Gehen Sie über den Link https://ngrok.com/ , um ngrok herunterzuladen und diese Datei zu extrahieren. Öffnen Sie cmd (Suche cmd). Wechseln Sie in das Verzeichnis, in das ngrok extrahiert wird. Öffnen Sie ngrok über die Befehlszeile, z. B.: C: /ngrok/ngrok.exe [Port] oder cd c: / ngrok, und dann ngrok 80 (ngrok [Port])

ngrok

Tunnel Status                 online
Version                       1.3/1.3
Forwarding                    http://3ahsdfhska.ngrok.com -> 127.0.0.1:80
Forwarding                    https://3ahsdfhska.ngrok.com -> 127.0.0.1:80
Web Interface                 http://127.0.0.1:4040
# Conn                        0
Avg Conn Time                 0.00ms

VERGESSEN Sie nicht, sicherzustellen, dass Ihr Wamp-Server auf demselben Port geöffnet ist.

http://3ahsdfhska.ngrok.com

wird die URL für den Online-Zugriff auf Ihren lokalen Host sein

Wenn Sie die Protokollfehler erhalten, müssen Sie nicht nur Http: // ENTFERNEN, sondern auch, wenn am Ende der Webadresse ein Backslash auftritt, müssen Sie diesen ebenfalls entfernen, da dies sonst nicht funktioniert. Ich habe das gemacht und es hat perfekt funktioniert! Holla!

Eine weitere Lösung in die Mischung geben:

Ich habe meine Website gemäß den Anweisungen eingerichtet, dann eine zweite App (Facebook Canvas) hinzugefügt und diese URL auf festgelegt http://localhost:XXXXX. Jetzt kann ich sowohl lokal als auch in der Produktion auf FB zugreifen.

Ich entwickle lokal und benutze diese URL: localhost/fb

Dann musste ich eine Website mit folgender URL hinzufügen: http://localhost

Unter App Domains habe ich hinzugefügt localhost.

Jetzt gehts. Das einzige Problem, das ich hatte, war, dass Sie diese URL in all Ihren Skripten verwenden müssen. Z.B

$loginUrl = $helper->getLoginUrl('http://localhost/fb/login-callback.php', $permissions);

Sie können hier nicht verwenden 127.0.0.1...

Ich habe alle hier genannten Lösungen ausprobiert, aber keine davon hat funktioniert.

Was mein Problem löste, war das Kopieren des "OAuth Redirect URI" von Firebase in die Facebook App "Valid OAuth Redirect URIs".

Ich habe alle Domains leer gelassen