> For the complete documentation index, see [llms.txt](https://help.makeshop.co.kr/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.makeshop.co.kr/manual/member/undefined/sns/kakao_login.md).

# 카카오 로그인 설정 방법

{% stepper %}
{% step %}

<figure><img src="/files/hiG9Frv8g8D156mYZ0fo" alt=""><figcaption></figcaption></figure>

* [**https://developers.kakao.com/ (클릭)**](https://developers.kakao.com/)
* 디벨로퍼스에 로그인 후 좌측  상단, "앱"을 클릭해요.

{% endstep %}

{% step %}

<figure><img src="/files/hHoHHJ7WFpqEPQXC0F5c" alt=""><figcaption></figcaption></figure>

* 로그인 정보를 담을 대표 앱을 생성해요.
* 해당 앱은 카카오에서 제공하는 다른 서비스(채널, 판매, 광고 등)에 연결하여 사용할 수 있어요.
* 회사라면 개인보단 회사에서 공용으로 사용할 앱으로 생성하는 것을 추천해요.

{% endstep %}

{% step %}

<figure><img src="/files/KA1fl2ADopl2qPlyfOXV" alt=""><figcaption></figcaption></figure>

* "생성 앱 > 앱 설정 > 앱 > 일반"에서 비즈니스 정보를 등록해요.

{% endstep %}

{% step %}

<figure><img src="/files/L47Wzjwe61AzSxTRcqWg" alt=""><figcaption></figcaption></figure>

* "생성 앱 > 앱 설정> 앱 > 제품 링크 관리"에서 웹 도메인을 등록해요.
* 카카오 로그인을 진행할 쇼핑몰 주소를 https\:// 포함해서넣어주세요.

{% endstep %}

{% step %}

<figure><img src="/files/33ty6by3vABxOnKdEKEi" alt=""><figcaption></figcaption></figure>

* "생성 앱 > 앱 설정 > 앱 > 플랫폼 키"에서 REST API, 대표 키에 접근해요.
* 해당 키는 추후 메이크샵에서 카카오 로그인을 설정할 때 사용해요.

{% endstep %}

{% step %}

<figure><img src="/files/QFxpqfOFHo03RhyNAUAa" alt=""><figcaption></figcaption></figure>

* 플랫폼 키 상세에서 \[카카오 로그 인리다이렉트 URI]를 입력해요.
* 입력하는 양식은 내 쇼핑몰 도메인 + /list/API/login\_kakao.html에요.\
  EX) <https://makeshop.co.kr/list/API/login\\_kakao.html>

{% endstep %}

{% step %}

<figure><img src="/files/pB3HnnS4FN0AbRnfivTk" alt=""><figcaption></figcaption></figure>

* "생성 앱 > 제품 설정 > 카카오 로그인 > 동의항목"에서 가입 및 로그인 시, 수집할 항목을 설정해요.
* 기본으로 제공하는 닉네임, 프로필 사진을 \[필수 or 선택]으로 설정해요.
*

```
<figure><img src="/files/py06eX9y5nRjAlXKF9vq" alt=""><figcaption></figcaption></figure>
```

* 닉네임, 프로필 사진 외 이메일 등 필요한 항목을 수집하기 위해선 추가 기능 신청이 필요해요.
* "생성 앱 > 제품 설정 > 앱 > 추가 기능 신청"에서 개인정보 동의항목에 대해 신청을 진행해요.\
  신청 완료 이후 닉네임, 프로필 사진 외 다양한 항목을 수집 할 수 있어요.<br>
  {% endstep %}

{% step %}

<figure><img src="/files/W6lR7WLIRamOmsKh5TvA" alt=""><figcaption></figcaption></figure>

* 도메인, 항목 설정을 완료했다면 "생성 앱 > 제품 설정 > 카카오 로그인 > 일반"에서\
  카카오 로그인에 대한 사용 설정을 OFF에서 ON으로 변경해요.

{% endstep %}

{% step %}

<figure><img src="/files/1z3SIIchJfSMaICYmKZJ" alt=""><figcaption></figcaption></figure>

* "메이크샵 관리자 > 설정 > 회원 설정 > SNS 간편 가입"에서 카카오 로그인을 설정해요.
* \[5]에서 확인한 REST API, 대표 키를 REST API key에 입력하고 검증해요.
* 검증 후 저장을 완료하면 이제 쇼핑몰에서 카카오 로그인을 사용할 수 있어요.
  {% endstep %}
  {% endstepper %}

### 유의 사항

<figure><img src="/files/1lHRHUlZF9c8ImrN9xMY" alt=""><figcaption></figcaption></figure>

* "생성 앱 > 앱 설정 > 앱 > 플랫폼 키 > 플랫폼 키 수정"에는 클라이언트 시클릿 설정이 존재해요.
* 메이크샵은 시크릿 키에 대해 지원하지 않아요.
* <mark style="color:red;">**시클릿 키를 발급하여 활성화할 경우, 쇼핑몰에서 정상적인 로그인이 불가하오니 설정을 꼭 OFF로 유지해요.**</mark>

{% hint style="danger" %}
SNS 간편가입 설정 후 REST API Key 값이 변경되거나, SNS 간편가입 아이디 초기화 진행할 경우\
기존 SNS 간편가입 진행한 회원들은 로그인이 불가능해요.
{% endhint %}