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

 

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

 

 

3. [애플리케이션 추가하기]를 클릭 합니다.

 

 

4. 여기서 앱아이콘, 앱이름, 회사명, 카테고리를 입력하시고 저장버튼을 클릭합니다.

 

 

 

5. 애플리케이션을 추가하고 나면 앱 키 4개가 발급됩니다.

 

 

6. 우측 [플랫폼]을 클릭하고 Web 플랫폼 등록을 클릭합니다.

 

 

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. 홈페이지 관리자 모드에서 [프로그램샵 > 프로그램 환경설정 > 외부 API 연동]으로 이동 후  카카오에서 발급되었던 key 4개를 모두 복사해서 붙여 넣습니다. (Ctrl + c , Ctrl + v)

 

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

 

(카카오 링크만 사용하려는 경우 여기까지만 작업하시면 됩니다.)

(여기까지 진행했는데 사이트 로그인 페이지에서 카카오 로그인이 노출되지 않는다면 아래 작업을 진행하시면 됩니다.)

 

 

12-1. 맞춤디자인을 사용중이라면 [디자인관리 > 고급 디자인 관리 > 세부 화면 디자인] 으로 이동하고 아래와 같이 "로그인" 페이지를 선택 합니다.

 

12-2. 디자인팜2.0을 사용중이라면 [페이지 찾기]에서 /login을 입력하여 검색한 다음 [소스 수정]을 클릭합니다.

 

 

 

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

 

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

<a href="javascript :app_kakao_login()" cond="$app_conn_yn">[APP 전용] 카카오로그인</a>

 

 

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

 

수고하셨습니다.