[facebook] Facebook OAuth“이 URL의 도메인은 앱의 도메인에 포함되어 있지 않습니다”

먼저이 질문에 대한 답변을 꽤 오랫동안 검색했다고 말하면서 시작하겠습니다 …

컴퓨터에서 로컬로 개발중인 응용 프로그램과 작동하도록 Facebook OAuth를 설정하려고합니다. Facebook 인증을 사용하여 모든 것이 완벽하게 작동 localhost했습니다. 다른 도메인 이름 (여전히 내 컴퓨터의 로컬 이름)으로 사용 하기 전까지 는 다음과 같은 오류가 발생합니다.

URL을로드 할 수 없음 :이 URL의 도메인은 앱의 도메인에 포함되지 않습니다. 이 URL을로드하려면 앱의 모든 도메인 및 하위 도메인을 앱 설정의 앱 도메인 필드에 추가하십시오.

내 호스트 파일에 127.0.0.1 photovote.dev (완벽하게 작동)

내 앱에서 내 리디렉션 (소셜 라이트 사용)은 http://photovote.dev/auth/facebook/callback

내 Facebook 앱 설정에서 …

  • 내 앱 도메인은 photovote.dev
  • 내 사이트 URL은 http://photovote.dev/
  • 유효한 OAuth 리디렉션 URI는
    http://photovote.dev/auth/facebook/callback

오류 메시지 시점의 URL은 다음과 같습니다.

https://www.facebook.com/v2.5/dialog/oauth?client_id=XXXXXXXXXXXXXXX&redirect_uri=http%3A%2F%2Fphotovote.dev%2Fauth%2Ffacebook%2Fcallback&scope=email&response_type=code&state=0ztcKhmWwFLtj72TWE8uOKTcf65JME

문제가 무엇인지 잃어 버렸습니다 …

스크린 샷 1
스크린 샷

스크린 샷 2
여기에 이미지 설명을 입력하십시오



답변

Facebook에서 앱을 만들 때 잘못된 세부 정보를 입력 한 경우 일반적으로 발생합니다. 아니면 기존 앱의 URL을 변경 했습니까?

이 페이지에서 APP의 설정을 다시 확인할 수 있습니까?

https://developers.facebook.com/apps

  1. 올바른 앱을 선택하고 편집 버튼을 클릭하십시오.

  2. URL 및 경로가 올바르게 입력되었고 Ultimate Facebook 플러그인을 설치 한 사이트를 가리키는 지 확인하십시오.


답변

누군가가 이것을 발견 하고이 설정을 찾고있는 경우

당신은해야

  1. 왼쪽에서 “+ Add Product (제품 추가)”를 클릭하고 “Facebook Login (Facebook 로그인)”을 선택합니다 (맨 위에 표시).
  2. 왼쪽에있는 새로운 설정을 확인하십시오
  3. 이제 해당 “제품 설정”에 이러한 OAuth 설정이 있습니다.

여기에 이미지 설명을 입력하십시오

추가 정보 : 만들기 확실히처럼 콜백 URL을 추가 할 http://localhost:3000받는 Valid OAuth redirect URIs페이스 북 로그인의 설정 페이지에서 필드


답변

나는 같은 문제가 있었다. getAuthToken 함수 호출에 대한 인수로 OAuth 리디렉션 URI를 추가하여 문제를 해결했습니다.

$redirectLoginHelper->getAccessToken("https://www.example.com/myfacebookcallback")

해당 함수에 인수가 전송되지 않으면 SDK는 자체적으로 리디렉션 URI를 생성하지만 작동하지만 작동하지 않습니다.

이것이 누군가를 돕기를 바랍니다.


답변

앱이 공개되어 있는지 확인하십시오. + 제품 추가를 클릭하십시오. 이제 제품으로 이동하십시오 => Facebook 로그인 이제 다음을 수행하십시오.

유효한 OAuth 리디렉션 URI : example.com/

콜백 URL 승인 해제 : https://example.com/facebookapp
http://unicodeitsolutions.com/


답변

이 문제를 해결하기 위해 내가 한 일은 다음과 같습니다.
여기에 이미지 설명을 입력하십시오

원래:

1) ” 내장 브라우저 OAuth 로그인 ” 활성화

2) ” 리디렉션 URI에 엄격한 모드 사용”을 비활성화 하고 내가 한 것처럼 리다이렉트 URI를 입력하십시오.

3) 나머지 옵션은 모두 그대로 둡니다.

4) 변경 사항을 저장하십시오.

5) 즐기십시오 🙂


답변

나는 같은 문제가 있었고 잘못된 client_id / Facebook App ID에서 나왔습니다.

Facebook 앱을 “public”또는 “online”으로 전환 했습니까? 그렇게하면 Facebook은 새로운 앱 ID로 새로운 앱을 만듭니다.

URL의 “client_id”매개 변수 값을 Facebook 대시 보드의 값과 비교할 수 있습니다.


답변

수정 방법 : 유효한 OAuth 리디렉션 URI 텍스트 상자로 이동 하여 도메인뿐만 아니라 정확한 URL을 설정했습니다. .

전에: https://my-website.com

후: https://my-website.com/facebookoauth/facebooklogin

(경우에 따라 URL이 다를 수 있습니다. 브라우저의 주소 표시 줄에서 확인하십시오).

이는 리디렉션 URI에 엄격한 모드 사용 (예 : 위치에 잠겨 있음) 설정으로 인해 발생했습니다.