카페24 SNS 구글 로그인

카페24에서는 SNS 로그인 기능을 손쉽게 설정할 수 있습니다.

시작전 주의사항 

1.카페24에서 쇼핑몰을 운영 중인 사업자여야 합니다.

2.구글 계정과 카페24 계정을 모두 보유하고 있어야 합니다.

 

 

먼저 카페 24에 로그인해줍니다.

 

https://eclogin.cafe24.com/Shop/ 

고객 -> 설정을 클릭해줍니다.

 

사용함을 체크해줍니다.(아래 내용 모두 진행하신 후 CLIENET ID와 CLIENT SCRET을 입력해주시면 됩니다.

 

 

아래 Google 클라우드 플랫폼 링크를 클릭해주세요

 

https://console.cloud.google.com/apis/dashboard?pli=1 

Google 클라우드 플랫폼

체크 박스 체크 후 완료를 눌러 줍니다,

 

프로젝트 이름을 설정 후 만들기를 눌러줍니다.

 

 

구글 CLOUD(로고) 왼쪽에있는 탭을 눌러주시고 API 및 서비스를 눌러줍니다.

시작하기를 눌러줍니다.

아래 완료까지 상세 내용들을 입력해줍니다.

계속 -> 만들기를 눌러줍니다.

사용자 인증 정보 만들기 Oauth 클라이언트 ID를 클릭해줍니다.

 

 

 

해당 부분 잘 못 입력 할 경우 로그인 버튼이 생성되지 않을 수 있습니다.

영문도메인은 5~10까지 필요 없음

가급적 한글 도메인은 피해주세요 
CALLBACK URL은 한글을 인식하지 못합니다.

해결방법
한글 도메인이라면 https://www.punycoder.com/ 해당 사이트에서 인코딩 후 인코딩 된 문자열로 
쇼핑몰도메인에 입력해주세요 



승인된 JavaScript 원본
http://쇼핑몰 도메인
http://www.쇼핑몰도메인
http://m.쇼핑몰도메인
https://쇼핑몰도메인
https://www.쇼핑몰도메인
https://m.쇼핑몰도메인

승인된 리디렉션 URI
http://쇼핑몰도메인/Api/Member/Oauth2ClientCallback/googleplus/
http://www.쇼핑몰도메인/Api/Member/Oauth2ClientCallback/googleplus/
http://m.쇼핑몰도메인/Api/Member/Oauth2ClientCallback/googleplus/
https://쇼핑몰도메인/Api/Member/Oauth2ClientCallback/googleplus/
https://www.쇼핑몰도메인/Api/Member/Oauth2ClientCallback/googleplus/
https://m.쇼핑몰도메인/Api/Member/Oauth2ClientCallback/googleplus/

반드시 본인의 쇼핑몰 도메인 주소를 입력해주셔야합니다.

 

 

URL을 입력해줍니다. 빨간 글씨가 뜨는 이유는 한글 도메인을 입력해서입니다.

 

콜백URL을 입력하고 완료를 누르면 CLENT ID와 CLIENT SCRET이 생성이 됩니다. 빨간 글씨가 뜨는 이유는 한글 도메인을 입력해서입니다.

CLENT ID와 CLIENT SCRET을 입력해줍니다.

 

카페24 쇼핑몰 시스템에 대해 잘 압니다.

종종 올리겠습니다.

본인은 티스토리 호스팅도 카페24를 통해서 진행했습니다.

카페 24 구글 로그인 설정 방법