# 구글 로그인 연동하기

## 목차

* [구글 로그인 사용하기](#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" %}
**구글 로그인 신규 연동 불가 안내**

현재 구글 로그인 서비스의 신규 연동이 불가한 문제가 발생하고 있습니다. \
빠른 시일 내에 정상화할 수 있도록 노력하겠습니다.&#x20;
{% 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'를 검색하여 '사용' 버튼을 누르세요.

![](/files/-ML7q6vK__WBeGXP1noZ)

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

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

![](/files/-MjmOqFL4CFLHPANrxYL)

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

![](/files/-ML7qtv7giuWtsp3YxiV)

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

![](/files/-ML7rLxFkY9pLaJqvf2P)

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

![sixshop.com 도메인 주소는 예시로 실제 진행 시에는 상점 도메인 주소를 입력해 주세요.](/files/-ML7smXQTg6R1nhK0ncN)

| 설정 항목                                                                             |
| --------------------------------------------------------------------------------- |
| <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 동의 페이지에서 확인 가능합니다.

![](/files/-ML7t3yVR0ZN60kKQBNC)

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

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

![](/files/-ML7tzRYNiFJyQvHaiLC)

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

![sixshop.com 도메인 주소는 예시로 실제 진행 시에는 상점 도메인 주소를 입력해 주세요. ](/files/-ML7uh9_bkfvabrpNwKK)

| 설정 항목                                                                                                      |
| ---------------------------------------------------------------------------------------------------------- |
| <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를 복사해 주세요.

![](/files/-ML7wBRVXEhWrIoxfvn3)

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

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

![](/files/-ML7wDQWM3HKNGiRFm3R)

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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.sixshop.com/learn-sixshop/store-manager/add-ons/social-login/googlelogin.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
