※ 선행사항 안내드립니다 ※

페이스북 로그인을 설정하시기위해서는 이용하고계시는 대표도메인에 반드시 보안서버 설정이 되어있어야 합니다. (https:// 보안서버)

보안서버 신청 안내 / 보안서버 신청 후 리다이렉트 설정 안내

 

1. https://developers.facebook.com에 접속하여 페이스북 로그인을 합니다.

2. 상단 우축의 '내 앱'을 클릭합니다.

*아래 화면이 노출되지 않는다면, 개발자계정 등록된 아이디인지 확인 부탁드립니다.
개발자로 등록 https://developers.facebook.com/docs/development/register

3. 오른쪽 상단 '앱 만들기'를 클릭합니다.

4. 생성할 앱 이름 및 담당자 이메일 입력 후 '다음'을 클릭한 후 다름 화면서에 기타 선택하고 '다음'을 선택 합니다.

5. 'Consumer'를 선택 후 계속을 클릭합니다.

6. '앱 이름' 및 '이메일 주소'를 입력 후 '앱 만들기'를 클릭 클릭합니다.

7. 페이스북 로그인의 '설정'을 클릭합니다.

8. '웹'을 선택합니다.

9. 사이트 URL을 입력 후, 'Save'를 클릭, '계속'을 클릭하여 아래의 '5. 다음 단계'까지 '다음'을 클릭합니다. 

10. 위의 처리가 '5. 다음 단계' 처리 되었으면 왼쪽 '앱 설정 > 기본 설정'을 클릭하여 기본 설정 정보를 입력 후 '변경 내용 저장'을 클릭합니다.

   -. 네임스페이스 : 영문 소문자, 대시, 밑줄만 입력이 가능
   -. 앱 도메인 : 쇼핑몰 도메인
   -. 개인정보처리방침 URL : 쇼핑몰의 개인정보처리방침 페이지 URL
         예) https://쇼핑몰도메인/service/privacy
   -. 서비스 약관 URL : 쇼핑몰의 서비스 약관 페이지 URL
         예) https://쇼핑몰도메인/service/agreement
   -. 사용자 데이터 삭제 : 데이터 삭제 콜백 URL 로 변경 후 예제와 같은 형식의 URL 입력
         예) https://www.쇼핑몰도메인/deletion?id=페이스북 아이디

11. 왼쪽 '앱 설정 > 고급설정'으로 접속 후 도메인 관리자의 '도메인 추가' 버튼을 클릭 후, 대표 도메인을 입력 적용까지 해주셔야 앱 설정이 완료됩니다.

11번 부분이 되어있지 않으면 다음과 같이 페이스북 로그인 시 설정 팝업이 확인되오니 참고하시기 바랍니다. 

 

12. '앱 검수 > 권한 및 기능'을 클릭 후, 'public_profile' 권한을 '고급 액세스 요청'버튼을 통해 활성화 해주시기 바랍니다.

(동시에 상단의 앱 모드의 개발 상태를 라이브로 전환 부탁드립니다.)

 *. 고급 엑세스 요청을 하시면 비즈니스 계정을 생성을 하고 생성한 계정에 대한 인증을 진행하셔야 권한을 설정하실 수 있습니다.
    (계정 생성할 때 이름은 영문으로 입력을 해야 합니다.)

*. 비즈니스 계정 인증 완료 후  '앱 검수 > 권한 및 기능'을 접속하여 '고급 액세스 요청'버튼 클릭하면 아래와 같이 권한을 부여할 수 있습니다.

13. '필요한 작업'에 접속하여 테이터 사용 확인 절차를 진행합니다.

14. Facebook 로그인 설정의 유효환 OAuth 리디렉션 URI을 설정합니다.

(https://도메인/sns_process/facebook_callback 형식의 링크를 추가하시면 됩니다.)

※ 관리자 페이지의 앱 설정 방법 

1. https://developers.facebook.com에 접속하여 내 앱을 클릭, 왼쪽 기본설정에서 앱 ID, 앱 시크릿 코드, 네임스페이스(영문필수)를

확인하여 관리자 페이지 설정> SNS연동에서 페이스북 탭의 설정을 클릭하여 등록후 저장합니다. 

 

 

2. 정상적으로 모든 설정 완료 후 내 쇼핑몰의 페이스북 회원가입/로그인 진행 시 동의 팝업이 확인됩니다.