Facebook Login을 로컬에서 테스트 하는 경우 아래와 같은 오류 메시지가 javascript console 에 표시되고 로그인이 동작하지 않음을 확인할 수 있습니다.

입력하신 URL은 해당 앱에서 허용되지 않습니다.: One or more of the given URLs is not allowed by the App’s settings. It must match the Website URL or Canvas URL, or the domain must be a subdomain of one of

이러한 경우 Facebook에 등록한 앱의 도메인 설정과 테스트를 위해 웹브라우저에 입력한 도메인(localhost)가 맞지 않아서 발생하는 문제입니다.

이를 해결하기 위해서는 먼저 /etc/hosts (Windows의 경우 C:/WINDOWS/system32/drivers/etc/hosts) 파일을 열어서 아래와 같은 내용을 자신의 도메인에 맞게 추가한 뒤 해당 도메인을 이용하여 접속 테스트를 진행해야만 합니다.

127.0.0.1 local.your_domain.com

이제 테스트를 위해 웹브라우저에 로컬 서버 주소인 localhost 를 입력하는 대신 local.your_domain.com 을 입력하면 됩니다.