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

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

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

 

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

 

 

 

※ 아래 화면이 노출되지 않는다면, 개발자계정 등록된 아이디인지 확인 해주세요.
개발자로 등록 https://developers.facebook.com/docs/development/register

 

2. '앱 만들기'를 클릭합니다.

 

 

 

3. 생성할 앱 이름 및 담당자 이메일 입력 후 '다음' 버튼을 클릭합니다.

이용 사례 추가 - 추천 - 'Facebook 로그인을 통한 인증 및 사용자의 데이터 요청'을 선택하고 '다음' 으로 진행합니다.

 

 

 

4. 연결할 비즈니스 포트폴리오를 선택한 후 '다음' 버튼을 클릭합니다.

또는 '아직 비즈니스 포트폴리오를 연결하고 싶지 않음'으로 선택 후 '다음' 버튼을 클릭합니다.

 

 

 

5. 게시 요구 사항을 확인하고 '다음' 버튼을 클릭합니다.

※ 비즈니스 인증이 누락되어 있을 경우 앱 등록이 제한될 수 있습니다.
참조 : https://developers.facebook.com/docs/development/release/business-verification

 

 

 

6. 등록할 앱 상세 정보등을 확인하고 '앱 만들기' 버튼을 클릭합니다.

 

 

 

7. 생성한 앱의 대시보드 - 'Facebook 로그인을 통한 인증 및 사용자의 데이터 요청 맞춤 설정 이용 사례' 를 클릭합니다.

 

 

 

8. 'Facebook 로그인' 의 '설정' 버튼을 클릭하고 설정정보를 입력합니다.

 

 

포함(embed)된 브라우저 OAuth 로그인 : 예
JavaScript SDK로 로그인 : 예

유효한 OAuth 리디렉션 URI : https://도메인/sns_process/facebook_callback 형식 링크 추가
JavaScript SDK 허용된 도메인 : https://도메인주소

 

 

9. 생성한 앱의 '앱 설정' - '기본 설정' 으로 이동합니다. 각 항목에 해당되는 항목에 아래의 값을 참고하여 입력 후 저장해 주세요.

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

 

 

 

10. 기본 설정 하단의 '플랫폼 추가' 버튼 클릭 후 'Website' 플랫폼을 선택합니다.
사이트 URL 에 내 쇼핑몰주소를 입력하고 변경 사항을 저장 합니다.

 

 

 

11. 앱 설정 - 고급 설정 메뉴에서 '도메인 관리자' 정보를 추가합니다.
'도메인 추가' 대표 도메인을 입력하고 적용 버튼을 클릭합니다.

 

 

11. 검수 - 인증 메뉴에서 비즈니스 인증을 진행합니다.

 

 

 

12. 검수 - 앱 검수 메뉴에서 검수를 진행합니다.

 

 

13. 모든 절차가 완료되었다면 '게시' 항목에서 '게시' 버튼을 클릭합니다.

 

 

 

14. 앱 설정 - 기본 설정의 '앱 ID', '앱 시크릿 코드' 항목을 확인합니다.

 

 

 

15. 퍼스트몰 관리자페이지의 설정 - 회원 설정 - SNS 연동 - 페이스북 - 설정으로 이동합니다.
페이스북 전용앱 설정의 APP ID, APP Secret, APP Namespace 값을 입력하고 저장합니다.