Nazwa domeny aplikacji Facebook podczas korzystania z hosta lokalnego

Z samouczka tutaj:
http://ankurm.com/blog/api/using-localhost-for-facebook-app-development/1091/

Próbowałem założyć lokalny obszar rozwoju dla mojej aplikacji na Facebooku. Ale kiedy wstawię „ http: // localhost: 85 / my_app / ” jako nazwę mojej domeny, mówi Facebook

Domeny aplikacji: „ http: // localhost: 85 / nazwa-aplikacji / ” nie powinno zawierać informacji o protokole.

Również po wpisaniu „localhost: 85 / my_app /” jako nazwy mojej domeny pojawia się błąd:

Domeny aplikacji: localhost: 85 / my_app / nie jest prawidłową domeną.

Moje rozwiązanie:

1. Pozostaw domeny aplikacji puste
2. (Produkty) Logowanie do Facebooka> Ustawienia
3. Dodaj http://localhost:85/my_app/do Valid OAuth redirect URIspudełka
4. Zapisz zmiany

Wygląda na to, że protokół został zmieniony.

Oto moje rozwiązanie (testowałem 3 kwietnia 2015 i działa dobrze):

W Ustawieniach -> zakładka Podstawowe

1. Domena aplikacji: localhost
2. Kliknij „ + Dodaj platformę ” i wybierz „ Witryna ”
3. Adres URL witryny: http: // localhost: <port> / ( <port> to Twój numer portu)
4. Zapisz zmiany

1. Pozostaw domeny aplikacji puste
2. Przejdź do witryny z logowaniem na Facebooku
3. Dodaj http://localhost:port_number/
4. Zapisz zmiany i spróbuj ponownie. po więcej informacji odwiedź

http://developers.facebook.com/docs/samples/canvas/ Miłego kodowania :-)

To się zmieniło na przestrzeni lat, ale właśnie uruchomiłem go do pracy z aplikacją internetową, którą uruchamiam na hoście lokalnym. Oto co zrobiłem:

1. Idź do https://developers.facebook.com/apps
2. Wybierz swoją aplikację.
3. Wybierz Ustawienia> Podstawowe na lewym pasku nawigacyjnym.
4. Kliknij przycisk Dodaj platformę u dołu strony.
5. Kliknij Witryna
6. Wprowadź http://localhost:8080/adres URL witryny.
7. Kliknij przycisk Szybki start po prawej stronie wprowadzonego adresu URL witryny.
8. Otworzy się nowa karta. Na tej karcie przewiń w dół do sekcji „Opowiedz nam o swojej witrynie” i ponownie wprowadź http://localhost:8080/adres URL witryny.
9. Kliknij przycisk Dalej.
10. Podjęto próbę zalogowania się ponownie i tym razem zadziałało.

Powodzenia!

Rozwiązanie robocze 2018

Zajęło mi to wieki, zanim to rozgryzłem, więc podzielę się moim rozwiązaniem.

Wypróbowałem wszystkie sugerowane odpowiedzi, ale nic mi nie pomogło i na koniec musiałem tylko wejść na https://developers.facebook.com/apps/YOUR_APP_ID/fb-login/settings/ i dodać pełny adres zwrotny w polu Valid OAuth redirect URIs .

W moim przypadku, używając ruby ​​na szynach, mój adres URL wyglądał tak http://localhost:3000/user/auth/facebook/callback.

I zaraz po dodaniu wszystko zaczęło działać! Mam nadzieję, że pomoże to komuś innemu w obliczu tego problemu.

To właśnie robiłem.

Jeśli używasz systemu Windows, musisz zmodyfikować plik hosta. Lokalizacja pliku hosta będzie pod adresem%SystemRoot%\System32\drivers\etc\

Dodaj nową linię w pliku hosta w ten sposób

127.0.0.1    localhost.YOUR-SITE-NAME.com

Zapisz plik hosta.

Przejdź do panelu sterowania ustawień aplikacji FB i podaj localhost.YOUR-SITE-NAME.comw polu domeny Apps. Zapisz zmiany.

Teraz załaduj lokalne środowisko, jak localhost.YOUR-SITE-NAME.comz przeglądarki.

NB: zmień NAZWĘ-WITRYNY na nazwę swojej domeny.

Rozwiązanie robocze (sierpień 2018)

Najpierw wybierz swoją aplikację w panelu programisty .

Następnie upewnij się, że aplikacja jest w trybie programistycznym , ponieważ zezwala na hosta lokalnego przez HTTP. Aby to zrobić, kliknij przełącznik znajdujący się w prawym górnym rogu strony aplikacji.

Na koniec należy postępować zgodnie z poniższymi uwagami, ponieważ mogą one powodować problemy, jeśli zostaną nieprawidłowo wypełnione:

• Settings > Basic > App Domains powinien być pusty
• Products > Facebook Login > Settings > Valid OAuth Redirect URIs powinien być pusty

Można też pozostawić puste lub wykorzystanie localhost, http://localhost:85/my_app/jest adres URL

Kiedy pisałem ten samouczek, port był dozwolony w domenie aplikacji. I faktycznie mogę uruchomić aplikację z portem 81 (serwer wamp). Teraz wygląda na to, że Facebook nie zezwala na przenoszenie adresu URL. Możesz używać localhostw domenie aplikacji.

Zaktualizuję informacje tak szybko, jak to możliwe. Próbuję znaleźć rozwiązanie.

Tymczasowym rozwiązaniem jest użycie lokalnego tunelu http://progrium.com/localtunnel/

Przetestowałem to i u mnie działa [luty 2020]:

1. Zainstaluj ngrok i uzyskaj swój adres URL https (przykład: https://a3asdf23.ngrok.io )
2. Przejdź do FB App Kokpit Settings (Basic) -> pod App Domains -> dodać https://a3asdf23.ngrok.io, https://ngrok.io.
3. Na tej samej stronie przewiń do końca w dół, Dodaj platformę (witrynę), ustaw adres URL jako https://a3asdf23.ngrok.io. Jeszcze nie skończyć, kliknij QuickStart -> pod „Opowiedz nam o swojej witrynie” wpisz ten sam adres URL https://a3asdf23.ngrok.io.
4. Następnie przejdź do Produkty -> Facebook Logowanie -> Ustawienia -> Ustawienia klienta OAuth -> Przekierowanie URI Ważny OAuth -> dodaj te https://a3asdf23.ngrok.io, https://ngrok.io, https://a3asdf23.ngrok.io/{your-redirect-uri}.

I gotowe. Dzięki mi później :)

Musisz utworzyć tunel, aby udostępnić swój lokalny serwer; Ngrok to najłatwiejszy sposób na zrobienie tego.

https://ngrok.com

Przejdź przez link https://ngrok.com/, aby pobrać ngrok i wyodrębnić ten plik. Otwórz cmd (szukaj cmd) Przejdź do katalogu, w którym jest rozpakowywany ngrok. Otwórz ngrok z wiersza poleceń, np .: c: /ngrok/ngrok.exe [port] lub cd c: / ngrok, a następnie ngrok 80 (ngrok [port]) Otrzymasz

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

Nie ZAPOMNIJ upewnić się, że serwer wamp jest otwarty na tym samym porcie… (jak sprawdzić -> goto-> wampicon-> apache-> httpd.conf wyszukaj port lub 80 (domyślnie) użyj tego dla ngrok.exe 80)

http://3ahsdfhska.ngrok.com

będzie adresem URL dostępu do twojego lokalnego hosta online

Jeśli otrzymujesz błędy protokołu, musisz nie tylko USUNĄĆ Http: //, ale także jeśli na końcu adresu internetowego znajduje się ukośnik odwrotny, musisz go również usunąć, inaczej nie zadziała. Zrobiłem to i zadziałało idealnie! Holla!

Wrzucenie jeszcze jednego roztworu do mieszanki:

Skonfigurowałem witrynę zgodnie z instrukcjami, a następnie dodałem drugą aplikację (Facebook Canvas) i ustawiłem ten adres URL na http://localhost:XXXXX. Teraz mam dostęp do FB zarówno lokalnie, jak i na produkcji.

Rozwijam się lokalnie i używam tego adresu URL: localhost/fb

Następnie musiałem dodać stronę internetową z następującym adresem URL: http://localhost

W obszarze Domeny aplikacji, które dodałem localhost.

Teraz działa. Jedynym problemem, jaki miałem, było to, że musisz używać tego adresu URL we wszystkich swoich skryptach. Na przykład

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

Nie możesz 127.0.0.1tutaj użyć ...

Wypróbowałem wszystkie wymienione tutaj rozwiązania, ale żadne z nich nie zadziałało.

Rozwiązaniem mojego problemu było skopiowanie „URI przekierowania OAuth” z firebase do aplikacji Facebook „Prawidłowe identyfikatory URI przekierowania OAuth”

Zostawiłem wszystkie domeny puste