SNS 로그인 설정 방법 및 주의사항

SNS 로그인 연동관리 가이드

 

설정 방법

1. 현재 사용 중인 호스팅사에 관리자에 로그인 해 주세요.

  

2. 간편로그인 설정페이지에서 값(Client ID, Client Secret 등)을 복사하여 

[관리자] 쇼핑몰 설정 > 고객 설정 > '회원 가입·로그인' > 'SNS 로그인 연동 관리'에서 값을 저장해주세요.

 

(메이크샵 예시)

 

 

3. 각각 솔루션의 개발자센터에 로그인하여 저장 된 콜백URL의 값을 아래와 같이 변경해주세요.  그래야 로그인 성공 후 페이지가 정상적으로 이동할 수 있어요.
(기존 솔루션에서 사용했던 client ID 또는 Rest API key이 등록된 개발자 계정으로 로그인 하셔야 해요.)

 

[개발자센터]

네이버 개발자 센터 :  https://developers.naver.com/products/login/api/

카카오 개발자 센터 : https://developers.kakao.com/

애플 개발자 센터: https://developer.apple.com/ 

구글 개발자 센터: https://console.cloud.google.com/projectselector2/apis/dashboard?pli=1&supportedpurview=project 

페북 개발자 센터: https://developers.facebook.com/ 

 

[네이버, 카카오, 구글, 페북, 애플 Callbak URL/Redirect URI 설정]

1. 네이버

• PC 사이트 도메인 입력 
  • http://sample.com 
• PC Callback URL 설정

  • https://www.sample.com

  • https://sample.com

  • https://www.sample.co.kr

  • https://sample.co.kr

• Mobile 사이트 도메인 입력 
  • http://m.sample.com
• Mobile Callback URL 설정

  • https://m.sample.com

  • https://m.sample.co.kr

2. 카카오

• 사이트 도메인 입력

  • http://sample.com

  • http://www.sample.com

  • http://m.sample.com

  • https://sample.com

  • https://www.sample.com

  • https://m.sample.com

• Redirect URI 설정 

  • http://sample.com/Api/Member/Oauth2ClientCallback/kakao/

  • https://sample.com/Api/Member/Oauth2ClientCallback/kakao/

  • http://m.sample.com/Api/Member/Oauth2ClientCallback/kakao/

  • https://m.sample.com/Api/Member/Oauth2ClientCallback/kakao/

3. 구글

• 승인된 자바스크립트 원본

  • http://sample.com

  • http://www.sample.com

  • http://m.sample.com

  • https://sample.com

  • https://www.sample.com

  • https://m.sample.com

• 승인된 리디렉션 URI 

  • http://sample.com/Api/Member/Oauth2ClientCallback/googleplus/

  • http://www.sample.com/Api/Member/Oauth2ClientCallback/googleplus/

  • http://m.sample.com/Api/Member/Oauth2ClientCallback/googleplus/

  • https://sample.com/Api/Member/Oauth2ClientCallback/googleplus/

  • https://www.sample.com/Api/Member/Oauth2ClientCallback/googleplus/

  • https://m.sample.com/Api/Member/Oauth2ClientCallback/googleplus/

4. 페북

• 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/

 

5. 애플
대표 도메인이 samplemall.com 이면, Return URL은 https://samplemall.com/Api/Member/Oauth2ClientCallback/apple/ 과 같이 작성해요.

• Return URLs
  

  • https://대표 도메인/Api/Member/Oauth2ClientCallback/apple/

  • https://www.대표 도메인/Api/Member/Oauth2ClientCallback/apple/

  • https://모바일 도메인/Api/Member/Oauth2ClientCallback/apple/

  • https://멀티몰 대표 도메인/Api/Member/Oauth2ClientCallback/apple/

  • https://멀티몰 모바일 도메인/Api/Member/Oauth2ClientCallback/apple/

  • https://m.sample.com