본문 바로가기

현재 위치
  1. HOME
  2. 자주 묻는 질문
  3. 쇼핑몰 생성

쇼핑몰 관리자

자주 묻는 질문을 통해 궁금증을 해결하세요!

카테고리 상세
번호 문의유형 제목
1653 페이스북 클라이언트(앱) 아이디를 발급받으려면 어떻게 해야 하나요? 조회수 11604
  • 작성일 18.03.27 17:25:44
  • 추천 12 추천하기
  • 조회수 11604
 페이스북 개발자 사이트에서 개발자 등록 후 발급받을 수 있습니다.




1. 페이스북 로그인 기능 신규로 사용하는 경우


  ※ 로그인 연동 전에 확인!

  페이스북의 정책이 변경되어 http 형태의 사이트는 신규 연동이 불가합니다.

  https 접속이 가능하도록 하려면 '쇼핑몰 보안연결 설정(SSL)' 적용이 필요합니다.

  ▶ [SSL] SSL 인증서는 어떻게 신청하나요? (클릭)

  ▶ [SSL] SSL이란 무엇인가요? (클릭)


  카페24 쇼핑몰은 http 접속시 https 로의 리다이렉트를 지원하지 않으므로 https 리다이렉트를 적용하려면 별도의 자바스크립트 수정이 필요합니다.

  ▶ [SSL] 사이트에 접속 시 무조건 https로 접속되게 하려면 어떻게 해야 하나요? (클릭)

   

  단, URL이 달라 별도의 사이트로 간주하기 때문에

  포털사이트, 배너 등의 링크가 기존 http 주소로 연결되어있는 경우 https 리다이렉트 적용 시 영향을 미치게 됩니다.

  (신규 쇼핑몰 또한 차후 광고 진행 시 문제가 발생할 가능성이 있습니다.)

  따라서 영향 범위를 충분히 파악한 후 진행여부를 신중히 판단하시기 바랍니다.


2. 앱 ID만 입력하여 페이스북 로그인 기능을 사용하고 있을 경우


  신규 앱을 발급받지 않고 기존 앱에서 '시크릿코드' 를 확인하신 후 입력하면 됩니다.

     신규 앱을 발급받을 경우 기존 페이스북 가입 회원이 로그인이되지 않는 문제가 발생합니다.


    ▼ '해당 앱 > 설정 > 기본설정' 화면에서 '앱 시크릿 코드' 항목의 보기를 선택하시면 앱 시크릿 코드를 확인할 수 있습니다.


   





페이스북 개발자 등록방법


  1. 페이스북 개발자 사이트로 이동하여 기존 페이스북 계정으로 로그인 또는 새 계정을 만듭니다.

  ▶ 페이스북 개발자센터 바로가기 (클릭)


   



  2. 로그인 후, 시작하기 버튼을 클릭하여 신규 앱을 생성합니다.


   

   




페이스북 로그인 연동방법


  1. 생성한 앱의 '설정 > 기본설정'으로 이동하여, 필요 정보를 입력합니다.


   1) '앱 도메인' 항목 : 페이스북 로그인을 사용하려는 쇼핑몰 도메인을 입력합니다. 모바일에서도 사용하려면, 모바일 쇼핑몰 도메인도 입력합니다.

      입력 예시) sample.com 이라는 도메인을 사용하는 경우

                   https://sample.com

                   https://m.sample.com


    2) '개인정보처리방침 URL' 항목 : 개인정보처리방침 내용이 들어가 있는 쇼핑몰 페이지 주소를 입력합니다.

      입력 예시) https://도메인/member/privacy.html


    3) '서비스 약관 URL' 항목 : 서비스 약관 내용이 들어가 있는 쇼핑몰 페이지 주소를 입력합니다.

      입력 예시) https://도메인/member/agreement.html


    4) '카테고리' 항목 : 쇼핑을 선택합니다.


    5) '앱 아이콘' 항목 : 앱 아이콘은 해당 쇼핑몰을 이용하는 고객이 로그인 시 보여지는 아이콘입니다.

       - 512x512 ~ 1024x1024 픽셀의 JPG, GIF 또는 PNG 파일을 업로드 할 수 있습니다.

       - 5MB 이하 업로드 가능합니다.


    6) '비즈니스 사용' 항목 : '내 비즈니스 지원' 을 선택합니다.


  위 항목을 모두 입력한 후, '저장' 버튼을 눌러 저장합니다.

    

   



  2. 좌측 메뉴에서 '제품 추가'화면으로 이동하여, Facebook 로그인의 '설정' 버튼을 클릭합니다.

   

   

 


  3. 다음과 같은 화면이 나오면 더 이상 진행하지 말고, 좌측의 'Facebook 로그인 > 설정' 화면으로 이동합니다.


   



  4. '클라이언트 OAuth 설정' 중, '유효한 OAuth 리디렉션 URI(Valid OAuth Redirect URIs)' 항목에

  아래와 같이 입력 후 저장합니다. (http 형태의 주소는 입력이 불가합니다.)


  입력 예시) sample.com 이라는 도메인을 사용하는 경우

  https://sample.com/Api/Member/Oauth2ClientCallback/facebook/

  https://www.sample.com/Api/Member/Oauth2ClientCallback/facebook/

  https://m.sample.com/Api/Member/Oauth2ClientCallback/facebook/


  입력 예시 외에 페이스북 로그인을 사용하는 2차 도메인이 존재하는 경우, 모든 도메인을 다중으로 입력하시면 됩니다.

  - 2차 도메인: 대표 도메인, 서브 도메인, 모바일 도메인, 멀티샵 도메인 등

 

   

  

  5. '앱 검수' 화면으로 이동하여 아래와 같이 앱 공개여부를 '예'로 변경한 후 '확인' 버튼을 클릭합니다.

   

   



  6. '대시보드'로 이동하여 '앱 시크릿코드' 항목의 '보기' 버튼을 클릭하시면 코드를 확인할 수 있습니다.

      

   




SNS 로그인 연동 설정


  1. 쇼핑몰 관리자 '프로모션 > SNS 관리 > SNS 로그인 연동 관리' 로 이동합니다.

  2. '페이스북 로그인' 항목을 '사용함'으로 설정하고 개발자센터에서 확인한 App ID와 App Secret Code를 입력하고 '저장' 버튼을 클릭합니다.




디자인 수정


  해당 기능을 사용하기 위해서는 디자인 수정이 필요합니다.

  디자인 수정 방법은 아래 내용을 참고해주세요.

  페이스북 SNS 계정 연동 관련 공지사항 (클릭)


 ※ 사용 설정 및 디자인 수정 작업을 완료했음에도 정상적 사용이 불가능한 경우 해당 내용을 캡처하여 SNS 계정 정보(아이디, 패스워드)와 함께

    1:1문의로 문의 바랍니다. 설정 상의 특이 사항은 유선 문의로 확인 어려운 점 참고하시기 바랍니다. 

  ▶ 1:1문의 바로가기 (클릭)