매뉴얼

외부 API 카카오 아이디 로그인 연동하는 방법

 

1. https://developers.kakao.com/ 으로 접속해서 회원가입 후 로그인 합니다.

 

2. 아래 화면에서 [내 애플리케이션]을 클릭 합니다.

 

 

3. 좌측메뉴에서 [앱만들기]를 클릭 합니다.

 

 

4. 앱이름을 적당한걸로 입력하세요. (상호 또는 홈페이지 이름)

 

 

 

5. 앱이름을 입력하고 나면 아래와 같인 API 키가 4개가 발급됩니다.

 

 

6. 키발급 후 좌측메뉴에서 일반을 클릭하고 플랫폼 추가를 클릭 합니다.

 

7. 아래와 같이 도메인주소를 등록 해주세요.

여기서 매우 중요한 부분 집고 넘어 가도록 하겠습니다.

카카오톡은 사이트 도메인주소가 정확한지 매번 검사하고 있습니다.

만약 카카오 톡에 http://내도메인.com 이라고 입력 하고, 실제 서비스 되는 홈페이지가 http://www.내도메인.com 인경우 카카오 API은 비인증 사이트로 보고 차단하게 됩니다.

이유는 간단합니다.

내도메인.com 와 www.내도메인.com은 엄연히 다른 도메인 주소로 간주하기 때문입니다.

이런경우 www있는 도메인과 없는 도메인 모두 다 등록 해줘야 합니다.

간혹 한사이트에 www.내도메인.com, www.내도메인.net, www.내도메인.co.kr, www.내도메인.kr 여러개의 도메인을 설치한 경우 모든 도메인을 다 등록 해줘야 합니다.

[예시]

 

8. 웹플랫폼을 추가했다면 Redirect Path 정보를 수정해야 합니다.

 

아래와 같이 수정하고 저장 하세요.

Redirect Path : /API/kakao/redirect.php (띄어쓰기가 포함되지 않도록 정확하게 복사해서 붙여주세요.)

 

 

9. 안드로이드 APP 에서도 로그인 되게 하려면 아래와 같이 설정해주세요.

 

여기서 패키지명은 반드시 com.anybuild.관리자모드아이디 를 입력해주세요.

그리고 키해시는 2개다 등록 해주세요.

m1P6tj+8HPuEsyCkC01ne4SXj7o=

Ld4P03sx6D0iiSwzkP14UORkSAQ=

(띄어쓰기가 포함되지 않도록 정확하게 복사해서 붙여주세요.)

 

10. iOS APP에서도 로그인 연동되게 하려면 아래와 같이 설정해주세요.

 

 

11. 플랫폼 설정이 완료되면 설정란에 사용자관리에서 사용 체크를 해주셔야 합니다.

사용으로 체크한 후 카카오톡에서 받을 개인정보 항목을 선택합니다. 항목별로 수집목적을 적어주셔야 저장이 됩니다.

 

 

 

12. 애니빌드 솔루션 관리자 모드에서 "외부 API 연동" 모듈을 설치 합니다.

설치 방법은 [프로그램 SHOP > 프로그램 추가설치] 에서 찾아보시면 아래와 같이 설치 할수 있습니다. (자세한 설치방법은 애니빌드 본사로 별도 문의 바랍니다.)

 

 

 

13. 설치 후 [프로그램 SHOP > 프로그램 환경설정 > 외부 API 연동]으로 이동 후 카카오에서 발급되었던 key 4개를 모두 복사해서 붙여 넣습니다. (Ctrl + c , Ctrl + v)

 

 

여기까지 작업 했다면 API 연동 작업은 모두 마무리 되었습니다.

 

(만약 카카오 로그인은 필요 없고, 카카오 링크만 사용하려는 경우 여기까지만 작업하시면 됩니다.)

 

 

14. [디자인관리 > 고급 디자인 관리 > 세부 화면 디자인] 으로 이동하고 아래와 같이 "로그인" 페이지를 선택 합니다.

 

 

소스 수정 모드에서 아래와 같이 카카오 로그인 버튼을 추가 합니다.

 


<a href="javascript:kakao_login_form()" cond="!$app_conn_yn">[PC 및 모바일웹 전용] 카카오로그인</a>
<a href="javascript:app_kakao_login()" cond="$app_conn_yn">[APP 전용] 카카오로그인</a>

 

 

이렇게 해서 카카오 로그인 연동 작업이 마무리 되었습니다.

 

수고하셨습니다.

게시글 공유 URL복사 cyworld
댓글작성

열기 닫기

댓글작성
top