■ 구글 아이디 로그인 설정
- 구글 아이디로 쇼핑몰을 간편하게 가입하고 이용할 수 있도록 기능을 제공합니다.
- 구글 아이디로 회원 가입 시 구글 아이디로 PC / 모바일 쇼핑몰에서 쉽게 로그인할 수 있습니다.
- 기존 쇼핑몰 회원도 마이페이지에서 구글 아이디를 연결하여 구글 로그인을 이용할 수 있습니다.
- 보안 서버 사용 시에만 이용 가능합니다.
▶ 구글 아이디 로그인 설정
- 쇼핑몰에서 구글 아이디로 회원가입 및 로그인할 수 있는 기능을 제공하기 위해 구글 로그인 사용 신청을 하고, 사용 여부를 설정합니다.
· 사용설정
: 쇼핑몰에서 구글 아이디 로그인 기능 제공 여부를 설정합니다.
- 사용함 : 쇼핑몰 방문자들이 구글 아이디로 회원가입을 진행할 수 있습니다.
- 사용안함(기본값) : 쇼핑몰에 구글 아이디로 회원가입 및 로그인 할 수 있는 영역이 모두 사라집니다.
└ 쇼핑몰에서 구글 아이디 로그인 서비스를 제공하다가 "사용안함"으로 변경하는 경우, 구글 아이디로 회원가입한 회원들 중 비밀번호를
별도로 설정하지 않은 회원들은 비밀번호 찾기를 통해 비밀번호를 설정하기 전에는 쇼핑몰 로그인이 불가능하므로 설정 시 유의하시기 바랍니다.
· Client ID
: Google Cloud 플랫폼에서 발급받은 Client ID를 입력합니다.
- 구글 로그인 API를 사용하려면 Google Cloud 플랫폼(https://cloud.google.com/?hl=ko)에서 Client ID를 발급받아야 합니다.
- Client ID는 Google Cloud 플랫폼에서 Client 등록 후 발급받을 수 있습니다.
- 등록 방법은 하단 "Google Cloud 플랫폼 등록 방법 안내"를 참고하시기 바랍니다.
· Client 보안 비밀번호
: Google Cloud 플랫폼에서 발급받은 Client 보안 비밀번호를 입력합니다.
- 구글 로그인 API를 사용하려면 Google Cloud 플랫폼(https://cloud.google.com/?hl=ko)에서 Client 보안 비밀번호를 발급받아야 합니다.
- Client 보안 비밀번호는 Google Cloud 플랫폼에서 Client 등록 후 발급받을 수 있습니다.
· 회원가입 설정
- 간편 회원가입(기본값) : 구글 아이디로 회원 가입 시 필수 항목으로 설정한 정보만 입력하여 가입할 수 있습니다.
└ 회원 가입 필수 항목은 회원 > 회원 관리 > 회원 가입 항목 관리에서 설정하실 수 있습니다.
- 일반 회원가입 : 구글 아이디로 회원 가입 시 필수 항목 외에 추가로 설정한 정보까지 입력하게 할 수 있습니다.
① Client ID, Client 보안 비밀번호는 인증 시 필요한 중요 정보 이므로 타인에게 노출되지 않도록 주의해야 합니다.
② 구글 아이디 회원가입 : 구글 아이디 사용설정 시 쇼핑몰 화면에서 [구글 아이디 회원가입] 버튼을 클릭하여 구글 아이디로 회원가입할 수 있습니다.
- 회원정보 입력 화면에서 이름, 이메일은 구글의 이름이 자동 입력되고 아이디도 자동으로 생성되며, 수정이 가능합니다.
- 아이디 / 이름은 가입 시 필수 항목이며, 쇼핑몰 비밀번호는 가입 시 별도로 입력하지 않습니다.
└ 단, 추후에 회원이 쇼핑몰 회원정보 변경 페이지에서 비밀번호를 설정할 수 있습니다.
③ 구글 로그인 : 구글 아이디로 회원가입 시 쇼핑몰 계정 외에 [구글 아이디로 로그인] 버튼을 클릭하여 구글 계정으로도 로그인이 가능합니다.
- 구글 아이디로 가입하지 않은 회원이 클릭할 경우, 가입되어 있지 않은 회원으로 판단하여 회원가입 화면으로 유도됩니다.
④ 계정 연결 정보 : 기존 쇼핑몰 회원의 경우 쇼핑몰 회원정보 변경 페이지에서 [구글 아이디로 로그인] 버튼을 클릭하여 구글 계정을 연결할 수 있으며,
[4-1] 이미지 처럼 구글 로그인 계정 연결정보를 확인할 수 있습니다.
- 쇼핑몰 일반 회원 가입 후 구글 아이디를 연결한 경우, 구글 계정의 연결해제가 가능합니다.
▶ Google Cloud 플랫폼 등록 방법 안내
- 쇼핑몰에서 구글 아이디로 회원가입 및 로그인할 수 있는 기능을 제공하기 위해 Google Cloud 플랫폼 사용 신청을 하고, 사용 여부를 설정합니다.
- 기존에 생성한 클라이언트가 있으신 경우, 이 작업은 진행하지 않으셔도 됩니다.
· Google Cloud 플랫폼
: 구글 로그인 API를 사용하려면 Google Cloud 플랫폼에서 사용 신청 이후 프로젝트를 생성해야 합니다.
① Google Cloud 플랫폼(https://cloud.google.com/?hl=ko)에 접속 후 [로그인] 버튼을 클릭합니다.
② 구글 로그인 : 기존 구글 계정으로 로그인을 합니다.
- 구글 계정이 없다면 회원가입 후 로그인을 진행합니다.
③ 약관 동의 : 서비스 약관에 대한 동의와 추후 목적에 대한 확인사항 체크 후 [계속] 버튼을 클릭합니다.
- 추가 정보 입력 후 가입을 완료합니다.
④ 라이브러리 추가 : 가입을 완료한 이후, 왼쪽 메뉴에서 라이브러리 메뉴를 클릭합니다.
⑤ Google+ API 추가 : API 라이브러리에서 Google+ API를 클릭합니다.
⑥ Google+ API 추가 : Google+ API 세부정보 페이지에서 [사용] 버튼을 클릭합니다.
- 클릭 시 API 및 서비스 페이지의 'API서비스 세부정보' 페이지로 이동합니다.
⑦ OAuth 동의 화면 설정 : API 및 서비스 페이지에서 OAuth 동의 화면 메뉴를 클릭합니다.
- 클릭 시 API 및 서비스 페이지의 'Google 인증 플랫폼' 페이지로 이동합니다.
⑧ 브랜딩 설정 : Google 인증 플랫폼 페이지에서 브랜딩 메뉴를 클릭 후, 표시된 정보를 입력합니다.
- 앱 이름 : 구글 로그인 팝업에 표시될 명칭입니다.
- 사용자 지원 이메일 : 구글 로그인 관련하여 사용자가 동의에 대해 문의하는 용도입니다. (자동으로 기재)
- 앱 로고 : 구글 로그인 팝업에 표시될 이미지입니다. 필요 시 규정에 맞게 업로드 해주시면 표시됩니다.
- 앱 도메인 : 구글 로그인 팝업에서, 사용자가 약관 혹은 개인정보처리방침을 확인하실 수 있는 링크 주소를 기재해주시면 됩니다.
- 승인된 도메인 : 구글 로그인 팝업이 표시되어야 하는 주소입니다.
기본설정 > 기본정책 > 기본 정보 설정의 쇼핑몰 도메인에 기재된 도메인 주소를 작성해주시면 됩니다.
- 개발자 연락처 정보 : 오류 발생 시, 쇼핑몰을 이용하는 회원의 문의를 접수하고 응답하는 고객센터에 대한 정보를 입력합니다.
- 모두 입력 후 [저장] 버튼을 클릭합니다.
⑨ 클라이언트 만들기: Google 인증 플랫폼 페이지에서 클라이언트 메뉴를 클릭 후, [클라이언트 만들기]를 클릭합니다.
- 클릭 시 API 및 서비스 페이지의 'OAuth 클라이언트 ID 만들기' 페이지로 이동합니다.
⑩ OAuth 클라이언트 ID 만들기 : 쇼핑몰의 클라이언트 ID를 생성합니다.
- '애플리케이션 유형', '이름', '승인된 JavaScript 원본', '승인된 리디렉션 URI'를 입력합니다.
- 애플리케이션 유형 : '웹 애플리케이션' 을 선택합니다.
- 이름 : Google 인증 플랫폼 페이지에서 사용할 이름을 입력합니다.
이 이름은 콘솔에서 클라이언트를 식별하는 용도로만 사용되며 최종 사용자에게 표시되지 않습니다.
- 승인된 JavaScript 원본 : [+ URI 추가] 버튼을 클릭 후 쇼핑몰 주소를 입력합니다.
- 예시 : 쇼핑몰 주소가 https://test-godomall.com 인 경우 https://test-godomall.com
- 유료 보안서버를 사용하시는 경우에만 URI가 https:// 로 출력됩니다.
- 승인된 리디렉션 URI : [+ URI 추가] 버튼을 클릭 후 구글 로그인용으로 설정된 주소를 입력합니다.
- 추가 경로 : /member/google/google_login.php
- PC 쇼핑몰과 모바일 쇼핑몰의 도메인을 모두 입력합니다.
- 입력 후 [만들기] 버튼을 클릭하여 저장합니다. (하단 예시 참고)
- 클라이언트가 생성되는 데 5분에서 몇 시간이 걸릴 수 있습니다.
<'승인된 JavaScript 원본', 'Redirect URI' 입력 예시>
- 쇼핑몰 주소가 https://test-godomall.com 인 경우
- 승인된 JavaScript 원본
- https://test-godomall.com
- 승인된 리디렉션 URI
- https://test-godomall.com/member/google/google_login.php
- https://m-test.godomall.com/member/google/google_login.php
- 해외몰 사용 시, 아래의 주소를 추가로 입력해주셔야 사용이 가능합니다.
- 영문몰 사용 시
- https://test-godomall.com/en/member/google/google_login.php
- https://m-test.godomall.com/en/member/google/google_login.php
- 중문몰 사용시
- https://test-godomall.com/cn/member/google/google_login.php
- https://m-test.godomall.com/cn/member/google/google_login.php
- 일문몰 사용시
- https://test-godomall.com/jp/member/google/google_login.php
- https://m-test.godomall.com/jp/member/google/google_login.php
