카카오톡 로그인 API를 사용해보자아(1)

이번엔 요즘에 많이들 사용하고 또 어려워 하는 사람들이 많은 것 같은 카카오톡 로그인 연동을 해보는 시간을 가지겠습니다!!!!!...시끄러웠으려나...

*****개발환경은 Android Studio입니다.*****

카카오톡 로그인을 하기위해서는 세가지만 기억하시면 돼요.

첫번째, 카카오톡 개발자 사이트(https://developers.kakao.com/)에 App 등록 및 Native App Key 획득

두번째, Android Studio에 Kakao SDK 사용을 위한 Gradle 세팅 및 첫번째에서 획득한 Native App Key 등록

세번째, Kakao Login 버튼 구현, CallBack 구현, Kakao SDK Adapter, GlobalApplication 구현

자 그럼 이제 출발해보겠슴미다~!!

1. 카카오톡 개발자 사이트(https://developers.kakao.com)로 가서 App 등록

 링크를 타고 들어가서 카카오톡 로그인을 실시하고 나면 다음과 같은 화면이 뜹니다.

 저는 이미 한번 앱을 만든적이 있어서 저렇게 앱이 뜨는것이니 놀라지마세요...

 

 왼쪽 메뉴를 보시면 앱만들기라는 메뉴가 있죠?? 저것을 눌러줍니다.

 누르고나면 아래와 같은 화면을 보실수가 있어요

 

 여기서 주의하실점은 Kakao라는 단어를 포함한 이름은 지으실수가 없어요... KakaoLogin이라고 이름짓고 싶었는데... 안돼서 급하게..  Hello로.... 이렇게 앱만들기를 만들고나서 다음 과정을 진행해줍니다.

2. 플랫폼 추가

 

 사진에 보면 제가 아주 친절하게 플랫폼 추가라는 곳에 하이라이팅을 해두었습니다.

 왼쪽 메뉴에 일반을 눌러서 플랫폼을 추가해줘야 한다는 점 잊지마시길...

 저 플랫폼 추가를 누르게 되면 다음과 같은 화면이 나타납니다.

 여기서 잠깐!! 네이티브 앱키 값을 잘 기억해두세요!!! 나중에 Android Studio가서 코드짤때 manifest 파일에

 <meta-data>로 필요한 녀석입니다.

요렇게 자신의 플랫폼이 Android 인지 ios인지 Web인지 선택을하고 우리는 물론 Android를 꾸욱 눌러줘야겠죠??

패키지명은 자신이 지금 만들 앱의 패키지를 입력해주면됩니다.

확인하는 방법은 Manifest파일을 열어서 package에 적힌 부분을 그대로 가져오면 되는데

헷갈리시는 분을 위해서 친절하게 또 제가 사진을 첨부해드릴게욘 

조~기 보이시죠??? 저거 그대로 입력하시믄 됩니다.

저걸 입력하고나면 마켓 URL은 자동으로 입력되니까 신경안쓰셔도 되구연 입력하고 추가 버튼을 누르게되면 아래와 같이 됩니다.

 

 이제 좀번거로운?? 귀찮은?? 작업이 남았는데 세번째 빈칸인 키 해시를 구해야해요... 이 해시키를 구하는 방법은 두가지가 있습니다.

 1) Open SSL을 이용한 keytool 명령어로 해시키를 얻는 방법

 2) Android 코드로 얻는 방법

 첫번째 방법을 하게되면 어려워 하시는 분들이 많아서 두번째 방법으로 설명드릴게요.

 혹시 자신이 첫번째 방법을 알고싶다고 하시는 분들은 말씀해주세요 제가 첫번째 방법도 추가적으로 포스팅하겠습니당

 3. 키 해시 얻기

 안드로이드 코드를 짤때 onCreate함수안에 모두들 초기화를 하고 진행을 하시죠?? 정말 심플하게 onCreate 속에 setContentView이후  에 다음의 코드를 입력해주고 Run 시켜보시면 Log에 키 해시 값이 찍혀요. 코드와 그림으로 설명해드릴게요

 

 

요렇게 앱에서 딱 저 코드만 넣고 런을 하면 다음과 같은 로그가 나오게 되는데용

 *******여기서 주의사항*******

 저기 로그에 찍힌 키 해시 값을 그대로 복붙하고난뒤에 '=' 이문자 하나 추가적으로 넣어주세용 저도 = 빼고 넣었다가 엄청 고생했어요  ㅠㅠㅠ

 왜 '=' 요녀석이 빠지는지는 잘모르겠지만... 알아두시길 ㅠㅠㅠ

 요렇게 하면 키 해시 값을 구하게되는데요. 따라치기 귀찮으실테니 제가 코드를 아래에 첨부하겠습니다.

try{ PackageInfo info = getPackageManager().getPackageInfo(this.getPackageName(), PackageManager.GET_SIGNATURES); for(Signature signature : info.signatures){ MessageDigest messageDigest = MessageDigest.getInstance("SHA"); messageDigest.update(signature.toByteArray()); Log.d("aaaa", Base64.encodeBase64URLSafeString(messageDigest.digest())); } } catch (Exception e){ Log.d("error", "PackageInfo error is " + e.toString()); }

 

자 이제 이 값을 입력해줍니다!!!

그리고 이제 앱 등록의 끝을 향해 달려봅시다.

4. 사용자 관리 On 설정

 왼쪽 메뉴에 사용자 관리 라는 탭을 클릭하게 되면 다음의 화면이 나옵니다.

그리고 사용 OFF 되어있는 Switch Button을 클릭해서 On으로 바꿔줍니다.

 

그리고 수집목적을 입력해줘야하는데 수집목적은 각자의 목적을 입력하면 되겠죠?? 저는..그냥 귀찮아서 개발이라고.....

 

이제!! 드디어!!! 카카오톡 개발자 사이트에서 해야할 일은 끝났습니다.