Facebook 앱의 Oauth Redirect URI는 어디에 설정합니까?


141

Facebook 로그인을 사용하도록 Google Firebase를 설정하기위한 지침에서 Facebook에 대한 OAuth 리디렉션 URI를 설정하라는 메시지가 표시됩니다 (아래 그림 참조).

앱의 모든 메뉴를 클릭했습니다. 어 Where 어? 다른 무언가라고 부를 수 있습니까?

로부터 중포 기지 문서 :

... OAuth 리디렉션 URI (예 : my-app-12345.firebaseapp.com/__/auth/handler)가 Facebook for Developers 사이트의 Facebook 앱 설정 페이지에 OAuth 리디렉션 URI 중 하나로 표시되어 있는지 확인하십시오. 제품 설정> Facebook 로그인 구성.

답변:


234

나는이 설정을 찾는 데 어려움을 겪었습니다.

사용중인 경우 https://developers.facebook.com/오른쪽 상단의 프로필 사진 옆에 앱이 표시됩니다. 앱을 선택하면 해당 앱의 설정으로 이동합니다.

의 앱 설정에서 제품 https://developers.facebook.com/sa/apps/<my-app-id>을 추가했는지 확인하십시오 Facebook Login. 그런 다음 "클라이언트 OAuth 설정"에서 "유효한 OAuth 리디렉션 URI"상자에 URL을 입력하십시오.


2
developers.facebook.com 에서 "앱 설정"이라고 말하면 어디서 볼 수 있습니까? 우리는 모든 종류의 광고를 봅니다. 개발자 설정이 보입니다. 회사 설정이 보입니다. 또한 "내 앱"이 표시되고 앱을 클릭하면 제품을 추가 할 위치가 표시되지 않습니다.
Praxiteles

1
그 정보도 추가했습니다. 항해하는 데 어려움을 겪은 유일한 사람이 아니라서 다행입니다.
Frank van Puffelen

23
잘됐다. 화면 왼쪽에서 "제품 추가"를 클릭 한 다음 Facebook 로그인을 선택하고 Oauth 옵션을 확인하십시오.
Praxiteles

이것을 설정하는 방법을 알아 내려고 30 분을 낭비했습니다. Firebase 문서를 업데이트하여이를 보여주십시오 (실제로는 Facebook 복잡성 / UI 문제가 심각하지 않더라도). 소 노파 프릭 킨! 대답 Frank에게 감사합니다.
Ronnie Royston

그러나 내 개발자 창에서 사용할 수있는 다양한 다른 옵션이 있지만 Client OAuth ont와 동일한 @FrankvanPuffelen을 여전히 찾을 수 없습니다!
Yash Agrawal

121

페이스 북 개발자 웹 사이트 UI의 새로운 변경 사항에 따르면 여기에서 찾을 수 있습니다. 이미지별로 이미지를 제공하여 찾을 수 있습니다.

1. 아래 이미지와 같이 제품 추가를 클릭하십시오.

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

2. 페이스 북이 제공하는 제품 목록을 볼 수 있습니다. 이미지에 이미 추가했기 때문에 페이스 북 로그인을 볼 수 없습니다.

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

3. Facebook 로그인 설정을 클릭하십시오.

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

4. Client OAuth Login 및 리디렉션 URL 입력 필드가 표시된 필수 화면이 표시됩니다.

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


URL은 무엇입니까? 내 앱 이름은 FirebaseLogin입니다.
Amit Jayaswal

1
인증-> Facebook으로 이동하여 firebase 콘솔에서 리디렉션 URL을 가져올 수 있습니다. 붙여 넣기를 여기로 복사하면 도움이됩니다.
Haseeb Mohamed

2
정말 좋은 가이드입니다. 단계별로 수행했으며 Firebase 콘솔에서 얻은 리디렉션 URI를 추가했습니다. 그러나 여전히 페이스 북으로 로그인 할 수 없습니다. 내 Android 애플리케이션이 제대로 작동했지만 갑자기이 오류가 발생하기 시작했습니다. "주어진 URL은 애플리케이션 구성에서 허용되지 않습니다. : 지정된 URL 중 하나 이상이 앱 설정에서 허용되지 않습니다. 웹 사이트와 일치해야합니다. URL 또는 캔버스 URL 또는 도메인은 앱 도메인 중 하나의 하위 도메인이어야합니다. " 제발 도와주세요?
CodingAround

감사!! 새로운 대시 보드 변경 사항은 스크린 샷이 많은 도움이 .. 혼동 :).
mithil1501

"Facebook Login"제품을 추가하고 싶지만 "Products +"라인이 비활성화되었습니다 !!! 어떻게 고치나요?
Shlomo

14

1- Firebase 콘솔-> 인증-> 로그인 방법-> Facebook으로 이동합니다. 앱 비밀 및 앱 ID 아래에 해당 링크가 있습니다. 복사하십시오. (그것은이 같은해야한다 : https://your-app-id.firebaseapp.com/__/auth/handler )

2- https://developers.facebook.com/apps/- > 앱-> 제품-> Facebook 로그인 (아직 추가하지 않은 경우 추가)-> 설정으로 이동하십시오. "유효한 OAuth 리디렉션 URI"상자에 복사 한 링크를지나갑니다.


8

더 이상 설정에 없습니다. 왼쪽 메뉴에서 "+ 제품 추가"옵션을 찾을 수 있습니다. 해당 &를 선택한 다음 "Facebook link"를 선택하십시오. 링크를 붙여 넣을 상자가 있습니다.

BTW, FB가 메뉴 UI를 다시 디자인하기로 결정할 때마다 변경 될 수 있습니다.


1

제품 제목 아래에서 왼쪽 막대를보고 페이스 북 로그인 제목을 두 번 클릭하십시오 .

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.