[Android] 카카오톡 로그인 연동하기

오늘은 카카오톡 로그인을 Android 연결해보도록 하겠습니다!

제가 이용하는 카카오톡 로그인은 v2 기준입니다!

 

내 애플리케이션 등록하기

아래 페이지에 들어가 내 애플리케이션 선택 후 , 애플리케이션을 추가해주세요!

Kakao Developers

애플리케이션을 등록하시면 아래와 같이 네이티브 앱키를 얻으실 수 있습니다 : )

이때 ! 네이티브 앱키를 안드로이드 프로젝트 내에 string 값으로 가지고 있어야 하기 때문에 중요합니다 !

 

플랫폼 등록하기

플랫폼 카테고리에 플랫폼을 설정할 수 있습니다. Android 플랫폼을 등록해주어야합니다!

키 해시 추출해서 등록하기

이때 키 해시를 등록해주어야 하는데 키 해시값을 추출하는 방법은 아래 페이지를 이용하셔서 등록해주시면 됩니다!

Kakao Developers

 

 

카카오 로그인 ON 해주기

Redirect URI도 REST API로 개발하는 경우 필수로 설정해야 합니다.

저는 이 부분에서 Redirect URI를 설정해주지 않았더니 카카오톡 로그인 화면에서 로그인 후 넘어가지 않는 현상이 있었습니다!

저와 같은 문제가 있다면 꼭 임의로 적어주세요.

 

 

잘 등록해주셨다면 카카오 로그인 등록은 끝났습니다. 

이제 안드로이드 프로젝트에 카카오 로그인을 적용해보도록 하겠습니다.

 

 

build.gradle (Module) 

카카오 로그인만 사용하신다 카카오 로그인 과 usermgmt만 추가하시면 됩니다 

implementation group: 'com.kakao.sdk', name: 'usermgmt', version: '1.30.0'
implementation group: 'com.kakao.sdk', name: 'kakaolink', version: '1.30.5'

implementation "com.kakao.sdk:v2-user:2.5.0" // 카카오 로그인
implementation "com.kakao.sdk:v2-talk:2.5.0" // 친구, 메시지(카카오톡)
implementation "com.kakao.sdk:v2-story:2.5.0" // 카카오스토리
implementation "com.kakao.sdk:v2-link:2.5.0" // 메시지(카카오링크)
implementation "com.kakao.sdk:v2-navi:2.5.0" // 카카오내비

 

build.gradle (Project)

allprojects {
    repositories {
        google()
        jcenter()
        mavenCentral()
        maven { url 'https://devrepo.kakao.com/nexus/content/groups/public/' } // 카카오
    }
}

 

 

String 값 추가해주기

value / kakao_app_key.xml

위에서 받은 카카오 네이티브 앱키를 추가해줍시다!

kakao_native_key는 Redirect URI를 위해 필요합니다 !

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <string name="kakao_app_key">aaa</string>
    <string name="kakao_native_key">kakaoaaa</string>
</resources>

 

kakao_app_key.xml 파일은 github에 올리면 안되는 파일이므로 .gitignore에 추가하여 관리해주세요!

[Android] 파일 .gitignore 적용하기

 

Application Class에 kakaoSdk init 해주기

Application Class란 ? 애플리케이션 컴포넌트 사이에 공동으로 멤버들을 사용할 수 있게 해주는 편리한 공유 클래스 입니다 

Application class를 상속 받습니다. 

 

Application onCreate 함수에 kakaosdk를 등록해줍니다.

class SocketApplication : Application() {
    companion object {
        var appContext : Context? = null   
    }
    override fun onCreate() {
            super.onCreate()
            appContext = this
            KakaoSdk.init(this,getString(R.string.kakao_app_key))
        }  
}
   

 

Manifest에 KakaoHandlerActivity 추가하기

kakao 로그인 화면으로 이동하기 위한 kakao.sdk에 존재하는 AuthCodeHandler를 추가해줍니다.

andorid:scheme에 들어가는 string 값은 kakao+ native앱키 입니다.

 <activity android:name="com.kakao.sdk.auth.AuthCodeHandlerActivity">
            <intent-filter>
                <action android:name="android.intent.action.VIEW" />

                <category android:name="android.intent.category.DEFAULT" />
                <category android:name="android.intent.category.BROWSABLE" />

                <!-- Redirect URI: "kakao{NATIVE_APP_KEY}://oauth" -->
                <data
                    android:host="oauth"
                    android:scheme="@string/kakao_native_key" />
            </intent-filter>
</activity>

 

 

추가로 위에서 생성해준 ApplicationClass를 application name에 등록해줍니다. 

 <application
        android:name=".SocketApplication"
        ....
        
 />

 

+) 기본적으로 인터넷이 연결이 되어야 카카오 로그인을 할 수 있기 때문에 Internet permission 도 추가해주세요

<uses-permission android:name="android.permission.INTERNET" />

 

이제 원하는 액티비티나 프레그먼트에 카카오 로그인 버튼을 클릭했을 때 login 창으로 넘어가도록 연결해주면 모든 과정이 끝납니다.

 

 

 

원하는 Class에 kakao 로그인 코드 구현

isKakaoTalkLoginAvailable을 통해 해당 앱에 카카오톡이 설치되어있는지 확인 후 설치되어있으면 카카오톡 로그인으로, 없다면 카카오 로그인 인터넷 창화면으로 이동하게 하는 코드 입니다.

  btnLogin.setOnClickListener {
    if (UserApiClient.instance.isKakaoTalkLoginAvailable(this@LoginActivity)) {
    UserApiClient.instance.loginWithKakaoTalk(this@LoginActivity, callback = callback)
    } else {
    UserApiClient.instance.loginWithKakaoAccount(this@LoginActivity, callback = callback)
    }
}

callback은 카카오 로그인 후, 결과에 대한 코드입니다. token과 error가 null 이 아니라면 me 라는 해당 user의 정보를 가져올 수 있는 함수를 이용하여 kakaoId를 추출하고 token값을 viewModel에게 전달하도록 구현했습니다.

internal val callback : (OAuthToken?, Throwable?) -> Unit = { token, error ->
        if (error != null) {
            Timber.e("로그인 실패- $error")
        } else if (token != null) {
            UserApiClient.instance.me { user, error ->
                val kakaoId = user!!.id
                viewModel?.addKakaoUser(token.accessToken, kakaoId)
            }
            Timber.d("로그인성공 - 토큰 ${authManager.token}")
        }
}

 

 

 

 

아래의 카카오톡 공식문서를 보시면 더 많은 기능을 구현하실 수 있습니다. 

Kakao Developers

---

 

2021.10.27 일 기준, Andorid Studio 가 업데이트 되면서 카카오 로그인 Gradle 설정이 위의 방법과 다르게 설정해야하는 이슈가 있습니다. 

아래 페이지를 참고하시어, 설정해야합니다. 

Kakao Developers