# 구글 로그인 연동하기

## 목차

* [구글 로그인 사용하기](#id-1)
  * [구글+ API 사용하기](#id-1-1.--api)
  * [OAuth 동의 화면 구성 만들기 ](#id-1-2.-oauth)
  * [OAuth 클라이언트 ID 만들기](#id-1-3.-oauth-id)
  * [애드온 사용하기 ](#id-1-4)

## 1. 구글 로그인 사용하기

{% hint style="danger" %}
**구글 로그인 신규 연동 불가 안내**

현재 구글 로그인 서비스의 신규 연동이 불가한 문제가 발생하고 있습니다. \
빠른 시일 내에 정상화할 수 있도록 노력하겠습니다. 
{% endhint %}

{% hint style="info" %}
구글 로그인 기능을 사용하시려면 구글 계정이 있어야 합니다. [지금 가입하기](https://accounts.google.com/signup/v2/webcreateaccount?continue=https%3A%2F%2Fwww.google.com%2F%3Fgws_rd%3Dssl\&hl=ko\&dsh=S-133476383%3A1588349690248885\&gmb=exp\&biz=false\&flowName=GlifWebSignIn\&flowEntry=SignUp)
{% endhint %}

### 1-1. 구글+ API 사용하기

[구글 API 라이브러리 웹사이트](https://console.developers.google.com/apis/library?hl=ko)에 접속한 뒤 'Google+ API'를 검색하여 '사용' 버튼을 누르세요.

![](https://4055358229-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Ld5OD2VFGhsB7IF4FTG%2F-ML7pntTC5-KdznWzlaV%2F-ML7q6vK__WBeGXP1noZ%2FGroup%201530%20\(3\).png?alt=media\&token=29c79644-70e3-45fe-856f-c55c9544f799)

### 1-2. OAuth 동의 화면 구성 만들기

**Step 1.** \[좌측 상단 ≡ > API 및 서비스 > OAuth 동의 화면]을 클릭해 주세요. 

![](https://4055358229-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Ld5OD2VFGhsB7IF4FTG%2F-MjmOje-zeOXnyO0tQJq%2F-MjmOqFL4CFLHPANrxYL%2FGroup%201733%20\(1\).png?alt=media\&token=e819c550-fea7-4ed4-b808-460f89ce3ff7)

**Step 2.** OAuth 동의 화면에서 User Type '외부' 선택 후 만들기를 누르세요.

![](https://4055358229-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Ld5OD2VFGhsB7IF4FTG%2F-ML7pntTC5-KdznWzlaV%2F-ML7qtv7giuWtsp3YxiV%2FGroup%201532.png?alt=media\&token=fbe1cbc0-a5e5-41e4-81f9-fd2f9dbb8540)

**Step 3.** 아래 이미지와 설명을 참고하여 OAuth 동의 화면을 설정해 주세요.

![](https://4055358229-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Ld5OD2VFGhsB7IF4FTG%2F-ML7pntTC5-KdznWzlaV%2F-ML7rLxFkY9pLaJqvf2P%2FGroup%201533%20\(1\).png?alt=media\&token=12d57c9b-84b4-4ddc-aafd-c00fe5bad80f)

| 설정 항목                                                                |
| -------------------------------------------------------------------- |
| <p><strong>앱 이름</strong> </p><p>상점 이름을 입력해 주세요.</p>                  |
| <p><strong>사용자 지원 이메일</strong> </p><p>클릭 시 구글 계정 이메일이 자동 등록됩니다. </p> |
| <p><strong>앱 로고</strong> </p><p>상점 로고 이미지를 등록해 주세요. </p>             |

![sixshop.com 도메인 주소는 예시로 실제 진행 시에는 상점 도메인 주소를 입력해 주세요.](https://4055358229-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Ld5OD2VFGhsB7IF4FTG%2F-ML7pntTC5-KdznWzlaV%2F-ML7smXQTg6R1nhK0ncN%2FGroup%201540.png?alt=media\&token=32e63267-9e02-4791-8e21-0710bc7afc82)

| 설정 항목                                                                             |
| --------------------------------------------------------------------------------- |
| <p><strong>애플리케이션 홈페이지</strong>  </p><p><https://www.상점> 도메인 주소 </p>              |
| <p><strong>애플리케이션 개인정보처리방침 링크</strong> </p><p><https://www.상점> 도메인 주소/privacy</p> |
| <p><strong>애플리케이션 서비스 약관 링크</strong>   </p><p><https://www.상점> 도메인 주소/policy</p>  |
| <p><strong>승인된 도메인</strong>    </p><p>상점 도메인 주소</p>                               |
| <p><strong>개발자 연락처 정보</strong>    </p><p>상점 관리자의 이메일 주소를 작성해 주세요.</p>             |

**Step 4.** Step 3 과정을 마치고 나타나는 확인 필요 화면에서 '계속' 버튼을 누르세요. \
&#x20;             검수 결과는 OAuth 동의 페이지에서 확인 가능합니다.

![](https://4055358229-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Ld5OD2VFGhsB7IF4FTG%2F-ML7pntTC5-KdznWzlaV%2F-ML7t3yVR0ZN60kKQBNC%2FGroup%201535%20\(1\).png?alt=media\&token=9f6cf0a7-c499-48e0-a2e0-d767cd3261b0)

### 1-3. OAuth 클라이언트 ID 만들기 &#x20;

**Step 1.** 사용자 인증 정보 페이지에서 \[사용자 인증 정보 만들기 > OAuth 클라이언트 ID] 버튼을 누르세요.

![](https://4055358229-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Ld5OD2VFGhsB7IF4FTG%2F-ML7pntTC5-KdznWzlaV%2F-ML7tzRYNiFJyQvHaiLC%2FGroup%201541%20\(1\).png?alt=media\&token=06d852f8-3e23-4e7f-ba78-bc4bc52c784d)

**Step 2.** 아래 이미지와 설명을 참고하여 OAuth 클라이언트 ID를 만드세요.

![sixshop.com 도메인 주소는 예시로 실제 진행 시에는 상점 도메인 주소를 입력해 주세요. ](https://4055358229-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Ld5OD2VFGhsB7IF4FTG%2F-ML7pntTC5-KdznWzlaV%2F-ML7uh9_bkfvabrpNwKK%2FGroup%201537%20\(1\).png?alt=media\&token=e6a79f03-49ed-4a39-bad8-3f89b770f258)

| 설정 항목                                                                                                      |
| ---------------------------------------------------------------------------------------------------------- |
| <p><strong>애플리케이션 유형</strong> </p><p>웹 애플리케이션 </p>                                                         |
| <p><strong>이름</strong> </p><p>상점 이름을 입력해 주세요.</p>                                                          |
| <p><strong>승인 자바 스크립트 원본</strong>    </p><p><https://상점> 도메인 주소</p><p><https://www.상점> 도메인 주소</p>          |
| <p><strong>승인된 리디렉션 URI</strong> </p><p><https://상점> 도메인 주소/login</p><p><https://www.상점> 도메인 주소/login </p> |

**Step 3.** 생성된 OAuth 클라이언트 ID를 복사해 주세요.

![](https://4055358229-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Ld5OD2VFGhsB7IF4FTG%2F-ML7pntTC5-KdznWzlaV%2F-ML7wBRVXEhWrIoxfvn3%2FGroup%201538%20\(1\).png?alt=media\&token=3983e30d-9284-4158-bcf8-a5ab77bb3ab2)

### 1-4. 애드온 사용하기&#x20;

1-3에서 생성한 OAuth 클라이언트 ID를 [\[애드온 > 소셜로그인\]](https://www.sixshop.com/dashboard/add-ons-socialLogin) 구글 클라이언트 ID에  입력해 주세요.

![](https://4055358229-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Ld5OD2VFGhsB7IF4FTG%2F-ML7pntTC5-KdznWzlaV%2F-ML7wDQWM3HKNGiRFm3R%2FGroup%201539.png?alt=media\&token=578e5f41-93b5-4705-af6b-55aeb777172d)

이제 구글 로그인을 사용할 수 있습니다.&#x20;