클릭엔

thumbnail

페이스북 아이디로 로그인

페이스북 로그인 기능을 사용하기 위한 연동 방법

페이스북 아이디로 로그인 기능을 사용하기 위해서는 페이스북 개발자 센터 (메타 개발자센터) 에서 페이스북 로그인 애플리케이션을 생성해 주셔야해요.

페이스북 개발자센터 > 내 앱 > 앱 만들기를 통해 앱 생성을 시작해 주세요.

  • 이용 사례 추가 : Facebook 로그인을 통한 인증 및 사용자의 데이터 요청 선택

  • 로그인 타입 : 게임을 빌드하지 않음 선택

  • 앱 상세 정보 : 앱 이름 및 비즈니스 계정 선택 후 앱 만들기 진행

주의사항

앱에 연결할 페이스북 게정이 비즈니스 계정으로 전환 (인증) 되어있어야 정상적인 페이스북 로그인 서비스를 이용할 수 있어요.

페이스북 앱을 생성했다면 대시보드 > Facebook 로그인 버튼 추가 맞춤 설정을 진행해 주세요.

  • 유효한 OAuth 리디렉선 URL : 아래 URL을 이용중인 도메인으로 수정 후 모두 입력해 주세요.

https://대표 도메인/members/social/facebook/login

https://대표 도메인/members/social/facebook/join

https://대표 도메인/members/mypage/social/facebook/unlink

https://대표 도메인/members/mypage/social/facebook/link

  • JavaScript SDK로 로그인 : 활성화 및 허용 도메인 입력후 저장

https://대표 도메인

https://www.대표 도메인

앱 설정 > 기본 설정에서 표시된 항목을 모두 입력해 주세요.

  • 앱 도메인

    https://대표 도메인

  • 개인정보 처리방침 URL

    https://대표 도메인/members/policy

  • 서비스 이용약관 URL

    https://대표 도메인/members/terms

  • 카테고리

    적절한 카테고리 선택

  • 사용자 데이터 삭제 URL

    https://대표 도메인

  • 플랫폼 추가 : Website로 선택한 후 사이트의 URL (https://대표 도메인) 을 입력합니다.

모든 설정이 완료되었다면 검수 > 인증 메뉴로 접속해 비즈니스 인증을 진행해 주세요.

검수 > 데이터 처리 질문 메뉴로 접속해 모든 질문에 답변을 작성하고 검수 요청을 신청해 주세요.

검수가 모두 완료되었다면 게시 메뉴에서 게시 버튼을 직접 클릭해 앱을 라이브 환경으로 변경해 주세요.

이제 클릭엔에서 운영중인 사이트와 페이스북 로그인 앱의 연동을 진행하기 위해

앱 설정 > 기본 설정 메뉴에서 연동을 위한 앱 ID앱 시크릿 코드를 확인해 주세요.

클릭엔 관리자 페이지 > 부가기능 > SNS 로그인 > 페이스북 로그인을 활성화 한 후 복사한 앱ID와 앱 시크릿 코드를 입력해 주세요.

이제 회원가입 및 로그인 페이지에서 페이스북 아이디로 회원가입, 로그인 기능을 사용할 수 있어요.