카카오 소셜 로그인

본 매뉴얼은 카카오 소셜 로그인 등록 방법에 대해 설명합니다.

카카오 소셜로그인 신청 페이지 내용과 본 매뉴얼의 내용이 상이할 경우 카카오 소셜로그인에서 제공하는 매뉴얼을 확인해 주시기 바랍니다.

애플리케이션 등록 #

kakao developers로 이동하신 후, 앱 메뉴을 클릭합니다.

1. 내 애플리케이션 등록 #

   우측 상단의 앱 생성을 클릭합니다.
   

2. 기본 정보 입력 #

   앱 아이콘, 앱 이름, 회사명, 카테고리를 추가하고 저장 버튼을 클릭합니다.
   생성된 애플리케이션을 클릭하여 편집 화면으로 접근합니다.
   

사용 설정 #

[카카오 로그인 > 일반]에서 사용 설정 옵션의 상태를 ON으로 변경합니다.

1. 리다이렉트 URI #

   좌측 메뉴에서 플랫폼 키 메뉴를 클릭합니다.
   JavaScript 키를 클릭합니다.
   
   JavaScript SDK 도메인 영역에 등록할 도메인을 작성하고, 카카오 로그인 리다이렉트 URI 영역에 도메인/msm_kakao 형식으로 작성 후 저장 버튼을 클릭합니다.
   

2. REST API 키 #

   플랫폼 키 메뉴에서 REST API 키를 클릭합니다.
   
   카카오 로그인 리다이렉트 URI 영역에 도메인/msm_kakao 형식으로 작성 후 저장 버튼을 클릭합니다.
   

동의항목 #

[카카오 로그인 > 동의항목]에서 각 개인정보의 우측 설정 버튼을 클릭하여 동의항목 사용 여부를 설정할 수 있습니다.

1. 비즈앱 생성 #

   동의 항목 중 닉네임, 프로필 사진, 카카오 서비스 내 친구목록 외 개인정보는 비즈앱을 연결해야 활성화할 수 있습니다.
   추가 기능 신청 버튼을 클릭하여 비즈앱을 신청할 수 있습니다.
   
   비즈 앱 등록 버튼을 클릭합니다.
   
   수정 버튼을 클릭하여 앱 아이콘을 등록하고 저장합니다.
   
   사업자 정보 등록 버튼을 클릭하여 사업자 번호를 기입한 후, 저장합니다.
   
   추가 기능 신청 버튼을 클릭하여 신청 자격을 확인하고, 하단의 비즈니스 정보 영역에서 심사를 신청합니다.
   
   

2. 개인정보 수정 #

   비즈앱 등록 및 심사가 완료되면 카카오계정(이메일), 이름 등 개인정보 동의항목 설정이 가능합니다.
   이용할 동의항목의 설정 버튼을 클릭합니다.
   
   동의 단계와 동의 목적을 설정한 후 저장합니다.
   동의항목 설정이 완료되면 하단의 동의 화면 미리보기 버튼을 클릭하여 동의 화면을 확인할 수 있습니다.
   

멤버스 설정 #

1. 키 복사 #

   [앱 > 플랫폼 키] 메뉴에서 REST API 키를 클릭합니다.
   표시되는 REST API 키와 클라이언트 시크릿 키를 복사합니다.
   

2. 소셜로그인 설정 #

   자사 사이트의 관리자 메뉴 [엠샵 멤버스 > 소셜로그인 설정 > 소셜로그인(탭)]에서 카카오 영역의 REST API 키와 Client Secret 영역에 각각 붙여넣기 후 저장합니다.
   

카카오계정과 함께 로그아웃 #

카카오계정과 함께 로그아웃은 웹 브라우저에 로그인된 카카오 계정의 세션을 만료시키고, 서비스에도 로그아웃 처리할 때 사용하는 로그아웃 추가 기능입니다.

1. 기능 활성화 #

   카카오계정과 함께 로그아웃 기능을 이용하려면 [엠샵 멤버스 > 소셜로그인 설정 > 소셜로그인(탭) > 카카오 (kakao)] 섹션의 카카오 로그아웃 기능 사용 옵션을 활성화합니다.
   

2. Logout Redirect URI 등록 #

   kakao developers에 로그인 후, [카카오 로그인 > 고급]에서 리다이렉트 URI 등록 버튼을 클릭합니다.
   
   리다이렉트 URI를 사이트주소/?msm-logout=yes 로 작성한 후, 저장합니다.