여기 튜토리얼에서 :
http://ankurm.com/blog/api/using-localhost-for-facebook-app-development/1091/
Facebook 앱을위한 지역 개발 영역을 설정하려고했습니다. 하지만 " http : // localhost : 85 / my_app / "을 내 도메인 이름으로 입력하면 Facebook에
앱 도메인 : " http : // localhost : 85 / app-name / "은 프로토콜 정보를 포함 할 수 없습니다.
또한 "localhost : 85 / my_app /"를 내 도메인 이름으로 입력하면 오류가 발생합니다.
앱 도메인 : localhost : 85 / my_app /은 유효한 도메인이 아닙니다.
localhost을 수락 하려면 앱 도메인이 있어야 합니다. mysite.local로 시도했지만 작동하지 않습니다. 변경 Site URL to http://localhost:85/하고 App Domains to http://localhost:85/저장 한 다음 작업에 대한 (FB는 응용 프로그램 도메인을 수정).
답변:
내 솔루션 :
http://localhost:85/my_app/로 Valid OAuth redirect URIs상자프로토콜이 변경된 것 같습니다.
내 솔루션은 다음과 같습니다 (2015 년 4 월 3 일에 테스트했으며 잘 작동합니다).
에서 설정 -> 기본 탭
http://localhost:port_number/http://developers.facebook.com/docs/samples/canvas/ 해피 코딩 :-)
이것은 수년에 걸쳐 일부 변경되었지만 localhost에서 실행중인 웹 응용 프로그램과 함께 작동하도록했습니다. 이것이 내가 한 일입니다.
http://localhost:8080/사이트 URL을 입력 합니다.http://localhost:8080/한 다음 사이트 URL을 다시 입력 합니다.행운을 빕니다!
2018 작업 솔루션
이것을 알아내는 데 시간이 많이 걸렸으므로 솔루션을 공유하겠습니다.
나는 모든 제안 된 답변을 시도했지만 아무것도 효과가 없었으며 결국 내가해야 할 일은 https://developers.facebook.com/apps/YOUR_APP_ID/fb-login/settings/ 로 이동하여 내 유효한 OAuth 리디렉션 URI 상자 에 전체 콜백 URL .
제 경우에는 레일에 루비를 사용하면 URL이 다음과 같이 보입니다 http://localhost:3000/user/auth/facebook/callback.
그리고 그것을 추가하자마자 모든 것이 작동하기 시작했습니다! 이것이이 문제에 직면 한 다른 사람에게 도움이되기를 바랍니다.
이것이 제가하던 일입니다.
Windows를 사용하는 경우 호스트 파일을 수정해야합니다. 호스트 파일 위치는%SystemRoot%\System32\drivers\etc\
다음과 같이 호스트 파일에 새 줄을 추가하십시오.
127.0.0.1 localhost.YOUR-SITE-NAME.com
호스트 파일을 저장하십시오.
FB 앱 설정 제어판으로 이동하여 localhost.YOUR-SITE-NAME.comApps 도메인 필드에 제공하십시오. 변경 사항을 저장하다.
이제 localhost.YOUR-SITE-NAME.com브라우저에서 와 같은 로컬 환경을로드 하십시오.
주의 : 귀하의 도메인 이름으로 귀하의 사이트 이름을 변경하십시오.
당신이 중 하나가 비어 있거나 사용을 남길 수 있습니다 localhost, http://localhost:85/my_app/URL은
localhost도메인 이름으로 허용되지 않는 한 가지 더 .
그 당시 튜토리얼을 작성했을 때 앱 도메인에서 포트가 허용되었습니다. 실제로 81 포트 (Wamp 서버)로 앱을 실행할 수 있습니다. 이제 facebook이 url에서 포트를 허용하지 않는 것 같습니다. localhost앱 도메인에서 사용할 수 있습니다 .
가능한 한 빨리 정보를 업데이트하겠습니다. 해결책을 찾으려고합니다.
임시 해결책은 localtunnel http://progrium.com/localtunnel/을 사용하는 것입니다 .
나는 이것을 테스트했고 그것은 나를 위해 작동합니다 [2020 년 2 월] :
https://a3asdf23.ngrok.io.https://ngrok.io .https://a3asdf23.ngrok.io. 아직 완료되지 않은 경우 QuickStart-> "Tell us about your website"를 클릭하고 동일한 URL을 입력 https://a3asdf23.ngrok.io합니다.https://a3asdf23.ngrok.io, https://ngrok.io, https://a3asdf23.ngrok.io/{your-redirect-uri}.그리고 여기 있습니다. 나중에 감사합니다 :)
로컬 호스트를 공유하려면 터널을 만들어야합니다. Ngrok 는이를 수행하는 가장 쉬운 방법입니다.
https://ngrok.com/ 링크를 통해 ngrok를 다운로드하고 해당 파일을 추출하십시오. cmd 열기 (cmd 검색) ngrok가 추출 된 디렉토리로 이동합니다. 명령 줄에서 ngrok를 엽니 다 (예 : c : /ngrok/ngrok.exe [port] 또는 cd c : / ngrok 그런 다음 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
wamp 서버가 동일한 포트에서 열려 있는지 확인하는 것을 잊지 마십시오. (확인 방법-> goto-> wampicon-> apache-> httpd.conf 포트 검색 또는 80 (기본값) ngrok.exe 80에 사용)
http://3ahsdfhska.ngrok.com
온라인으로 로컬 호스트에 액세스하기위한 URL이됩니다.
혼합에 하나 이상의 솔루션 던지기 :
지침에 따라 웹 사이트를 설정 한 다음 두 번째 앱 (Facebook Canvas)을 추가하고 해당 URL을 http://localhost:XXXXX. 이제 로컬과 프로덕션 모두에서 FB에 액세스 할 수 있습니다.
로컬에서 개발하고 다음 URL을 사용합니다. localhost/fb
그런 다음 다음 URL로 웹 사이트를 추가해야했습니다. http://localhost
아래에서 응용 프로그램 도메인 I 덧붙였다 localhost.
이제 작동합니다. 내가 가진 유일한 문제는 모든 스크립트에서이 URL을 사용해야한다는 것입니다. 예
$loginUrl = $helper->getLoginUrl('http://localhost/fb/login-callback.php', $permissions);
127.0.0.1여기서는 사용할 수 없습니다 ...
여기에 언급 된 모든 솔루션을 시도했지만 그중 어느 것도 작동하지 않았습니다.
내 문제를 해결 한 것은 "OAuth 리디렉션 URI"를 firebase에서 페이스 북 앱 "유효한 OAuth 리디렉션 URI"로 복사하는 것이 었습니다.
모든 도메인을 비워 둡니다.