> For the complete documentation index, see [llms.txt](https://help.sixshop.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.sixshop.com/learn-sixshop/store-manager/add-ons/social-login/googlelogin.md).

# 구글 로그인 연동하기

## 목차

* [구글 로그인 사용하기](#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'를 검색하여 '사용' 버튼을 누르세요.

![](/files/-ML7q6vK__WBeGXP1noZ)

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

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

![](/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;