페이스북 로그인 api 설정값 공유

페이스북 로그인이 잘안되는 경우가 있다.

소스가 문제인 경우도 있지만 설정의 문제로 안되는 경우도 있다.

소스의 문제라면 하나하나 디버깅 해서 어느 구간이 문제인지 확인해 볼 필요가 있고

코드 문제가 아닌 api 설정의 문제인 경우도 있다.

페이스북 api 로그인 서비스를 받기 위해서는 아래의 링크로 이동한다.

https://developers.facebook.com/apps

"페이스북 로그인 api 설정값 공유"

오늘 살펴볼 내용은 api 를 적용하는 방법은 생략한다.

모바일과 피씨에서 웹사이트 로그인 기능에 대한 설정값을 공유하고자 한다.

아래 내용대로만 설정한다면 웹사이트 로그인 기능은 문제가 없다.

 

아래는 이미 설정돼 있는 서비스 항목이다. 오른쪽 상단 버튼에서 새앱을 추가 할 수 있다.

 

 

 

 

위 서비스 중 필요한 서비스(앱)를 선택했을때 보여지는 대시보드이다. 모눈으로 가린 부분은 모두 설정되어 있는 값이다.

주소는 http:// 로 시작되는 실질적인 url 이다.

개인정보처리방침 URL과 서비스 약관 URL은 크게 중요하지 않다. 적당한 페이지를 링크하면 된다.

페이스북에서 앱아이콘은 1024x1024px 로 정해져있다. 큰 아이콘 만드는 것도 일이다~~

앱도메인은 http가 없고 웹사이트는 http가 있다.

네이티브 앱 또는 데스크톱 앱인가요? 앱이라면 예, 웹이라면 아니오

알림 이메일 업데이트는 업데이트(설정수정)가 되었을때 이메일로 알려주는 기능이다.

앱 시크릿 코드 요청 : 아니오, 예인 경우 피씨로그인이 실패된다.

앱 설정에 대한 API 액세스 허용은 예

  

아래로는 설정할 내용이 없다.

 

하단의 페이스북 로그인 메뉴 

클라이언트 OAuth 설정 :

클라이언트 OAuth 로그인 : 예

웹 OAuth 로그인 : 예

웹 OAuth 재인증 사용 : 아니오

포함(embed)된 브라우저 OAuth 로그인 : 예

유효한 OAuth 리다이렉션 URI

콜백 URL 승인 취소 이 두가지는 매우 중요한 설정이며 이 URL이 적절하지 않아 실패되는 경우가 많다.

콜백 URL은 https:// 로 설정해야 한다. http:// 로는 설정이 안된다.

왼쪽 메뉴 샘플이다.

 

위 설정 참고하셔서 페이스북 로그인 기능 꼭 성공하시길 바랍니다.