아이디오아지트
 

닫기

WEB 2024 03 15+ MOBILE 2024 03 15 뉴 디자인 오픈♥
  • [로그인] 구글 로그인 연동
  • 아이디오아지트 [IP:]
  • 2017-12-09

    POINT : 5점

    HIT : 138

구글 개발자센터 가입


  1. 구글플러스 로그인 연동을 위해 구글 개발자센터로 이동하여 로그인을 합니다.

  기존 생성한 구글 계정이 없는 경우에는 '계정 만들기'를 클릭하여 구글 계정을 생성합니다.

  ▶ 구글 개발자센터 바로가기

 

    

 

 

프로젝트 생성


 1. 구글플러스 클라이언트 ID를 생성하기 위해서는 먼저 새로운 프로젝트를 등록해야 합니다.

  상단의 'Project > 프로젝트 만들기'를 클릭합니다.


    

 


  2. 새 프로젝트 등록 화면이 표시되면, '프로젝트 이름' 입력, 새로운 소식 이메일 수신 여부를 선택하고 서비스 약관 준수 동의 여부에 '예'를 클릭한 후

  '만들기' 버튼을 클릭하여 새로운 프로젝트를 생성합니다.


    

 


OAuth 동의 화면 정보 입력


  1. 'API 관리자 > 사용자 인증 정보 > OAuth 동의 화면'으로 이동합니다.

  이메일 주소를 선택하고 제품 이름, 홈페이지 URL 등의 정보를 입력 후 '저장'을 클릭합니다.


  ※ 제품 이름의 경우, 구글 로그인창 상단에 문구가 표시되기 때문에 쇼핑몰명으로 입력하는 것을 권장합니다.


    

 



클라이언트 ID 생성


  1. 새 프로젝트가 생성되면 '사용자 인증 정보 > 사용자 인증 정보'에서 '사용자 인증 정보 만들기'를 클릭하여 'OAuth 클라이언트 ID'를 선택합니다.


    

 


  2. 저장된 후에는 최종적으로 '웹 애플리케이션' 유형을 선택하고 '승인된 자바스크립트 원본'과 '승인된 리디렉션 URI'에 아래와 같이 쇼핑몰 주소를 입력 후

  '생성' 버튼을 클릭합니다.


    1) 자바스크립트 원본 : PC쇼핑몰과 모바일쇼핑몰 도메인 주소를 입력합니다.

    2) 리디렉션 URI : PC쇼핑몰과 모바일쇼핑몰 도메인 주소 뒤에 아래 예시와 같이 상세 경로를 입력해주세요.

    예시) http://도메인주소/Api/Member/Oauth2ClientCallback/googleplus/


  ※ 자바스크립트 원본 및 리디렉션 URI 등록시 사용중인 모든 케이스의 도메인 주소를 입력해야 합니다.

    사용중인 모든 도메인 주소를 입력하지 않을 경우 로그인 시 오류가 발생할 수 있습니다. (대소문자를 정확히 구분하여 기재)


    

 


  3. '사용자 인증 정보'에서 생성된 클라이언트 ID와 보안 비밀번호를 확인할 수 있습니다.


    


4.  관리자페이지 > 프로모션 > SNS관리 > SNS 로그인 연동 관리에서

구글 로그인에 사용함에 체크 >

복사해놓으셨던 클라이언트 아이디와 비밀번호를 입력해주신 뒤 저장버튼을 클릭해주세요!


디자인 주문 절차 확인하기