페이스북 간편가입
Last updated
Was this helpful?
Last updated
Was this helpful?
① 개발자센터 에 접속해 주세요.
② Meta for Developers 개발자(등록) 계정 생성 개발자센터 페이지에서 로그인을 해 주세요. 상단 '시작하기' 메뉴를 클릭하고, 개발자(등록) 계정을 생성합니다. 📍페이스북 간편가입 연동 설정은 페이스북 회원만 가능합니다. 페이스북 로그인 정보가 없다면 먼저 회원 가입을 진행하고 로그인 해 주세요.
약관 및 정책 동의 : 내용을 확인하고 [다음] 버튼을 클릭해 '동의' 처리합니다.
계정 인증 : 입력한 휴대폰 번호 또는 e-mail 주소로 인증 코드가 발송됩니다. 전송받은 코드를 입력해 인증을 완료합니다.
직업 선택 : 계정 생성 담당자의 역할(직업)을 선택하고, [등록 완료] 버튼을 클릭해 개발자 등록을 완료해주세요.
③ 앱 만들기 [앱 만들기] 버튼을 클릭해 주세요.
앱에 필요한 기능 선택 : 'Facebook 로그인을 통한 인증 및 사용자의 데이터 요청'을 선택하고, [다음] 버튼을 클릭합니다.
앱 이름 추가 : 앱 관리에서 사용되는 앱 이름을 작성해 주세요.
앱 연락처 이메일 : 앱 관련 안내사항을 받을 수 있는 이메일 주소를 작성해 주세요. 고객에게는 노출되지 않습니다.
앱 게시 및 데이터 액세스를 유지하기 위한 요구사항 항목을 확인하고, [앱 만들기] 버튼을 클릭해 주세요.
보안을 위한 페이스북 비밀번호를 재 입력하고, [제출] 버튼을 클릭해 앱 만들기를 완료해 주세요.
④ 앱 정보 설정 앱 설정 > 기본 설정 메뉴로 이동합니다.
표시 이름 : 앱 이름이 확인됩니다. 페이스북 간편 회원가입 및 로그인 등에서 고객에게 노출되는 정보로 수정할 수 있어요.
앱 도메인 : 페이스북 간편가입 연동을 사용할 쇼핑몰 도메인을 입력해 주세요. 예) https://쇼핑몰도메인 ⇀ https://abcde.com ⚠️ 페이스북 간편가입은 보안서버가 적용된 쇼핑몰 도메인에 연동할 수 있어요.
개인정보처리방침 URL : 쇼핑몰 개인정보처리방침 페이지 URL을 입력해 주세요.
서비스 약관 URL : 쇼핑몰 서비스 이용약관 페이지 URL을 입력해 주세요.
앱 아이콘 : 고객이 페이스북 간편 회원가입 단계에서 확인하는 쇼핑몰 로고를 등록합니다. 📍512 X 512 ~ 1024 X 1024 사이즈의 JPG, GIF, PNG 이미지 파일을 업로드 해주세요.
카테고리 : 쇼핑몰 운영 카테고리를 선택합니다.
사용자 데이터 삭제 : 고객에게 데이터 삭제 요청 방법을 제공하는 용도로, 쇼핑몰 도메인을 입력합니다.
[변경 내용 저장] 버튼을 클릭해 기본 설정을 완료합니다.
⑤ 이용 사례 맞춤 설정 이용 사례 > 인증 및 계정 만들기 항목에서 [맞춤 설정] 버튼을 클릭하고, 맞춤 설정 > 설정 화면으로 이동합니다.
유효한 OAuth 리디렉션 URI : 리디렉션 URI는 페이스 로그인 이후 고객 인증 결과를 전달받기 위한 주소입니다. 쇼핑몰 도메인을 포함하여 아래와 같이 작성해 주세요.
사용하는 스킨에 따라 리디렉션 URI가 상이하므로, 반드시 스킨 종류를 확인해 주세요. 기본 스킨 외 별도의 스킨을 구매하여 사용하는 경우, 스킨 제작사에게 리디렉션 URI를 문의해 주세요. 헤드리스 운영방식은 자체 사용중인 리디렉션 URI를 입력합니다.
오로라, 어나더 : 개별형 스킨은 PC와 모바일 각각 총 2개의 Callback URL을 입력해 주세요.
PC : https://쇼핑몰도메인/callback/auth-callback.html
모바일 ⓐ 도메인 m. : https://m.쇼핑몰도메인/callback/auth-callback.html ⓑ 도메인 m- : https://m-쇼핑몰도메인/callback/auth-callback.html ⓒ 도메인 /m : https://쇼핑몰도메인/m/callback/auth-callback.html
오로라(리액트) : 통합형 스킨은 PC와 모바일 모두 동일합니다.
PC/모바일 : https://쇼핑몰도메인/callback/auth-callback
JavaScript SDK로 로그인 : [아니오] 버튼을 클릭해, JavaScript SDK로 로그인을 [예] 로 활성화 합니다.
JavaScript SDK에 허용된 도메인 : 쇼핑몰 도메인을 입력합니다.
[변경 내용 저장] 버튼을 클릭해 맞춤 설정을 완료해 주세요.
⑥ 앱 인증 검수 > 인증 > 비즈니스 인증 화면에서 [인증 시작] 버튼을 클릭해 비즈니스 인증을 진행합니다.
비즈니스 상세 정보를 입력하고, 증빙 서류를 제출한 다음 인증 검토를 요청합니다.
비즈니스 인증은 요청 이후, 최소 10분 ~ 최대 14일(영업일 기준) 이내에 처리되는 점을 참고해 주세요.
⑦ 앱 게시 비즈니스 인증이 완료되면, 게시 메뉴로 이동해 모든 설정 사항을 검토 및 확인합니다. [데이터 처리 질문으로 이동]을 클릭해 데이터 처리에 관한 질문에 답변을 완료하고, 게시 화면 하단 [게시] 버튼을 클릭해 주세요.
⑧ 앱 ID / 앱 시크릿 코드 복사 앱 설정 > 기본 설정 메뉴로 이동하면, '앱 ID' 와 '앱 시크릿 코드'가 확인됩니다. 앱 ID / 앱 시크릿 코드를 복사해 주세요. 📍앱 시크릿 코드의 '보기'를 클릭하 전체를 확인할 수 있어요.
⑨ 앱 ID / 앱 시크릿 코드 입력 shop by 어드민 > 서비스 관리 > 쇼핑몰 수정 > SNS 간편 회원가입 설정 항목으로 이동합니다. 페이스북 간편가입 '선택' 체크박스를 선택하면 입력란이 활성화 되고, 복사한 앱 ID는 Client ID 입력란에, 앱 시크릿 코드는 Secret Key 입력란에 붙여넣기 해 주세요.
⑩ 쇼핑몰 수정 화면, 하단 [변경사항 저장] 버튼을 클릭해 설정을 완료합니다.
⑪ 쇼핑몰에서 적용된 페이스북 회원가입 및 로그인을 확인해 주세요. 📍쇼핑몰 회원가입 페이지 : 간편 회원가입 > [페이스북 아이디로 회원가입] 쇼핑몰 로그인 페이지 : 간편로그인 > [페이스북 아이디로 로그인]