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

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

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

 

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

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

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

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

4. '기타'를 선택하고 '다음'을 클릭합니다.

5. '소비자'를 선택 후 계속을 클릭합니다.

 

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

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

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

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

 

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

10-1. 데이터 삭제 콜백 URL은 다음과 같이 등록해주시면 되며 끝에 아이디는 페이스북 아이디로 대체해주시기 바랍니다.

https://www.<your_website>/deletion?id=abc123

예) https://www.firstmall.kr/deletion?id=firstmall@firstmall.kr

 

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

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

 

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

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

 *. 고급 엑세스 요청을 하시면 비즈니스 계정을 생성을 하고 생성한 계정에 대한 인증을 진행하셔야 권한을 설정하실 수 있습니다.

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

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

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

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

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

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

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

 

 

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