카카오 로그인 설정 가이드

Dream Social Login 앱에서 카카오 로그인을 활성화하기 위한 설정 방법을 안내합니다.

📋

시작 전에

카카오 개발자 계정이 필요합니다. 아직 없다면 먼저 카카오 개발자센터에서 가입해주세요.

개요

카카오 로그인을 통해 한국 고객들이 자신의 카카오 계정으로 빠르게 로그인할 수 있습니다. 필요한 정보(Client ID, Client Secret, 리디렉션 URL)는 모두 카카오 개발자센터에서 발급받아 앱에 입력합니다.

카카오 API 정보 입력

Dream Social Login 앱의 Settings → API Keys → Kakao 메뉴에서 아래 정보를 입력하세요.

  • Client ID (API Key) — 카카오 개발자센터의 REST API 키
  • Client Secret — 카카오 개발자센터에서 생성한 클라이언트 시크릿
  • Authorized redirect URIs https://shopidreamapps.com/kakao/auth
Redirect URI는 반드시 https://shopidreamapps.com/kakao/auth 와 정확히 일치해야 합니다.

카카오 개발자센터 설정 단계

1

카카오 API 콘솔로 이동 후 애플리케이션 추가하기 버튼을 클릭합니다.

카카오 API 콘솔 애플리케이션 추가하기
2

애플리케이션 생성 양식을 작성합니다.

  • 앱 아이콘 업로드
  • 앱 이름: 원하는 이름 입력
  • 회사 이름: 회사 또는 브랜드명 입력 후 저장
애플리케이션 생성 양식
3

만든 앱을 클릭하여 상세정보 페이지로 이동합니다.

앱 상세정보 페이지
4

왼쪽 메뉴에서 카카오 로그인을 클릭합니다.

카카오 로그인 메뉴
5

Redirect URI 등록 버튼을 클릭합니다.

Redirect URI 등록 버튼
6

리디렉션 URL을 입력하고 저장합니다.

  • https://shopidreamapps.com/kakao/auth
리디렉션 URL 입력
7

활성화 설정 버튼을 ON으로 변경합니다.

활성화 설정 ON
8

활성화 팝업에서 활성화 버튼을 클릭합니다.

활성화 팝업
9

카카오 로그인 → 보안 메뉴로 이동합니다.

카카오 로그인 보안 메뉴
10

코드 생성 버튼을 클릭합니다.

코드 생성 버튼
11

클라이언트 암호 코드 생성 팝업에서 생성 버튼을 클릭합니다.

클라이언트 암호 코드 생성 팝업
12

클라이언트 암호 코드를 확인합니다.

클라이언트 암호 코드 확인
13

Shopify 관리자 → Apps → Dream Social Login → API Keys → Kakao의 Client Secret에 붙여넣습니다.

Client Secret 붙여넣기
14

왼쪽 앱키 메뉴로 이동합니다.

앱키 메뉴
15

REST API 키를 복사하여 Kakao의 Client ID (API Key)에 붙여넣기 후 저장합니다.

REST API 키 복사
16

카카오 로그인의 동의항목 메뉴에서 필수 항목을 설정합니다.

  • 프로필정보(닉네임/프로필사진): 필수동의로 설정
  • 카카오계정(이메일): 필수동의로 설정
동의항목 설정

통합 확인

  1. 스토어프런트 로그인 페이지에서 카카오 버튼이 표시되는지 확인
  2. 카카오 계정으로 테스트 로그인하여 정상 작동하는지 확인
  3. Shopify 고객 목록에서 카카오 로그인 이력 확인

FAQ

동의항목을 설정하지 않으면 어떻게 되나요?

이메일과 프로필정보를 필수동의로 설정하지 않으면 로그인은 되지만 사용자 정보를 가져올 수 없어 정상 작동하지 않습니다.

Redirect URI가 작동하지 않아요.

URL이 정확히 https://shopidreamapps.com/kakao/auth 인지 확인하세요. 앞뒤 공백이나 끝의 슬래시도 안 됩니다.