페이스북 로그인 설정하기
시작에 앞서
페이스북 로그인을 사용하기 위해선 아래와 같은 몇 가지 선행 작업이 필요합니다.
☑ 페이스북 가입하기 👉 [페이스북]
☑ 같은 이름(닉네임)으로 중복 가입 옵션 해제하기 👉 [같은 이름(닉네임)으로 중복 가입 방지 또는 해제하기]
☑ SSL 보안서버 인증서 설치하기 👉 [SSL 보안서버 인증서 설치하기]
설정방법
1. Meta for Developers 접속 후 화면 우측 상단 '내 앱' 메뉴를 클릭합니다.
2. 앱 만들기 버튼을 클릭합니다.
3-1. 이 앱에 연결할 비즈니스 포트폴리오를 선택하세요.
연결할 비즈니스 포트폴리오를 선택한 후 "다음" 버튼을 클릭하거나, 또는 "아직 비즈니스 포트폴리오를 연결하고 싶지 않음"으로 선택 후 "다음" 버튼을 클릭하세요.
3-2. 이용 사례
앱에 필요한 기능 선택 - "Facebook 로그인을 통한 인증 및 사용자의 데이터 요청" 을 선택한 후 "다음"을 클릭합니다.
3-3. 앱 상세 정보
"앱 이름"과 "앱 연락처 이메일"을 추가 후 "다음" 버튼을 클릭합니다.
3-4. 검토
안내되는 내용 확인 후 "앱 만들기" 버튼을 클릭합니다.
1. [좌측 메뉴 탭 - 제품] 페이지 접속 후 구성 버튼을 클릭하여 ‘설정’을 클릭합니다.
2-1. 클라이언트 OAuth 설정 에서 다음의 항목들을 설정해야 합니다.
- 클라이언트 OAuth 로그인 : 예
- 웹 OAuth 로그인 : 예
- HTTPS 적용 : 예
- 웹 OAuth 재인증 사용 : 아니요
- 포함(embed)된 브라우저 OAuth 로그인 : 아니요
- 리디렉션 URI에 Strict 모드 사용 : 예
- 기기에서 로그인 : 아니요
- JavaScript SDK로 로그인 : 예
2-2. 유효한 OAuth 리디렉션 URI
유효한 OAuth 리디렉션 URI에 아래 예시 화면과 같이 내 도메인을 추가합니다.
주의: 도메인 뒤에 반드시 /oauth를 추가 입력해야 합니다.
2-3. JavaScript SDK에 허용된 도메인
‘JavaScript SDK에 허용된 도메인’ 항목에는 사이트에서 사용하고 있는 도메인을 모두 입력합니다.
위와 같이 설정 후 오른쪽 아래 하단 ‘변경 내용 저장’ 버튼을 클릭합니다.
1. [좌측 메뉴 탭 - 앱 설정 > 기본 설정] 페이지에서 아래 내용 참고하여 정보를 모두 입력합니다.
☑ 앱 도메인 : https://도메인주소
☑ 개인정보처리방침 URL : https://도메인주소/?mode=privacy
☑ 서비스 약관 URL : https://도메인주소/?mode=policy
☑ 사용자 데이터 삭제 : https://도메인주소
☑ 카테고리 : 비즈니스 및 페이지, 커뮤니티 및 정보, 교육, 게임, 뉴스, 쇼핑 등
2. 해당 페이지 하단 [+ 플랫폼 추가 클릭 > Website 체크 > 다음 버튼 클릭] 후 "사이트 URL" 부분에 도메인 주소를 입력 후 하단 ‘변경 내용 저장’ 버튼을 클릭합니다.
1. [좌측 메뉴 탭 - 검수 > 인증] 페이지에서 ‘인증 시작’ 버튼을 클릭해 비즈니스 인증을 진행해야 합니다.
비즈니스 인증은 서류 제출 후 짧게는 10분, 길게는 영업일 기준 14일 이내 인증되는 점 참고해 주세요.
2. 비즈니스 인증 완료 후 [좌측 메뉴 탭 - 게시] 메뉴로 접속하여 "데이터 처리 질문으로 이동" 으로 이동 후 "데이터 처리에 관한 질문에 답하기" 의 내용을 제출해 주세요.
3. 비즈니스 인증 완료 후 [좌측 메뉴 탭 - 검수 > 앱 검수] 로 이동하여 현재 요청의 "수정" 버튼을 클릭하고 "검수를 위해 제출" 버튼을 클릭해 주세요.
참고 : 앱 심사의 일반적인 거부 사유를 미리 확인해 보시고 미리 숙지해 주시기 바랍니다.
4. 검수 완료 후 [좌측 메뉴 탭 - 게시] 페이지에서 우측 하단 "게시" 버튼을 클릭합니다.
1. [좌측 메뉴 탭 - 설정 > 기본 설정] 페이지에서 앱 ID와 앱 시크릿 코드를 복사합니다.
2. [관리자 페이지 > 환경설정 > 소셜 로그인·지도·공유 > facebook 로그인] 항목 사용여부를 on 으로 변경한 후 복사한 앱 ID와 앱 시크릿 코드를 입력 후 저장해 주시면 페이스북 로그인 설정이 완료됩니다.
