개요
이 문서는 사용자가 사이트에서 Facebook을 통해 로그인/ 회원가입 할 수 있도록 Facebook 애플리케이션을 올바르게 설정하는 방법에 대한 지침을 제공합니다. 사용자가 Facebook을 통해 로그인하도록 하려면 소셜 로그인 확장을 사야합니다.
새 앱 만들기
- 사용자가 Facebook 계정으로 사이트에 로그인 할 수 있도록하려면 Facebook 앱을 만들어야합니다. 새 Facebook 앱을 만들려면 다음을 수행하십시오.
- Facebook 개발자 사이트로 이동 : https://developers.facebook.com/
- 로그인하지 않은 경우 Facebook 계정 세부 정보를 사용하여 사이트에 로그인하십시오.
- 로그인한 후 “앱 만들기” 버튼을 클릭합니다. 표시 이름, 연락처 이메일을 입력하십시오. 그런 다음 “앱 만들기” 버튼을 클릭합니다.
참고 :이 버튼을 클릭하면 보안 검사가 표시될 수 있습니다.
참고 : 귀하의 웹 사이트 URL을 아래의 “사이트 URL” 필드에 추가하십시오.
앱 설정
앱을 만든 후에는 새 앱의 대시보드 페이지로 이동해야합니다. 앱 설정이 완료되기 전에 수행해야 할 몇 가지 단계가 있습니다.
설정> 기본
이 탭에서 앱 (App) ID와 앱 시크릿 코드 (App Secret Code)를 얻을 수 있습니다. 이들 모두를 복사하여 Ultimate Member> 설정> 확장> Social Login 탭의 Facebook Social Connect에 붙여 넣어야합니다. 특히 개인 정보 보호 정책 URL 및 서비스 약관 URL 정보를 입력하는 것이 중요합니다.
플랫폼 추가 – 플랫폼 선택에서 웹 사이트를 선택하고 웹 사이트 URL을 추가합니다. 앱 아이콘을 추가하여 앱을 더욱 전문적으로 보이게 한 다음 “변경 사항 저장” 버튼을 클릭 할 수도 있습니다.
설정> 고급
앱 제한 사항 (App Restrictions) – 사이트에서 주류 또는 성인용 사이트를 언급하는 경우 앱을 특정 연령대 및 국가로 제한할 수 있습니다.
보안 – 앱의 보안을 강화하려는 경우 선택 사항입니다.
Facebook 로그인> 설정
제품(Products) 탭에서 + 제품 추가 (Add Product)를 클릭한 다음 Facebook 로그인에서 시작하기(Get Started) 버튼을 클릭합니다. 시작하기 버튼을 클릭 한 후 Facebook 로그인 탭에서 설정을 클릭합니다.
클라이언트 OAuth 설정 – 사이트의 로그인, 등록 및 계정의 소셜 탭 URI를 “Valid OAuth redirect URIs (유효한 OAuth 리디렉션 URI)” 필드에 입력하기만 하면 됩니다. 사용자 정의 페이지에서 소셜 로그인 단축 코드를 사용하려는 경우 사용자 정의 페이지 URL을 추가하십시오.
“return_provider”및 “provider” 매개 변수를 사용하여 URL을 추가하는 것이 좋습니다. 예를 참조하십시오.
- https://www.yoursitedomain.com/
- https://www.yoursitedomain.com/?provider=facebook
- https://www.yoursitedomain.com/?return_provider=facebook
- https://www.yoursitedomain.com/login/
- https://www.yoursitedomain.com/login/?provider=facebook
- https://www.yoursitedomain.com/login/?return_provider=facebook
- https://www.yoursitedomain.com/register/
- https://www.yoursitedomain.com/register/?provider=facebook
- https://www.yoursitedomain.com/register/?return_provider=facebook
- https://www.yoursitedomain.com/account/social/
- https://www.yoursitedomain.com/account/social/?provider=facebook
- https://www.yoursitedomain.com/account/social/?return_provider=facebook
앱 검토 탭
이 모든 단계를 완료하면 앱 검토 탭으로 이동하여 앱을 게시할 수 있습니다. 앱은 사용자에게 표준 데이터만 요청하므로 승인을 위해 앱을 제출할 필요가 없습니다. 앱을 활성화하려면 No에서 Yes로 전환 버튼을 클릭하십시오.
앱 설정 완료
모든 작업을 완료하면 이제 앱이 완성됩니다. 앱 ID와 앱 시크릿을 아직 추가하지 않은 경우 “Ultimate Member> 설정> 확장> Social Login” 탭의 “Facebook Social Connect“에 추가해야합니다.
원문: https://docs.ultimatemember.com/article/20-social-login-facebook-app-setup