Merge pull request #24 from Nexters/feature/kakao-login

[FEAT] [#17] 카카오 소셜 로그인을 통한 엑세스 토큰 및 및 유저 정보 받아오는 파트 구현
Nexters · Feb 2, 2024 · c58c2b2 · c58c2b2
2 parents 6fb565d + 279717f
commit c58c2b2
Show file tree

Hide file tree

Showing 18 changed files with 220 additions and 15 deletions.
diff --git a/.github/workflows/android.yml b/.github/workflows/android.yml
@@ -35,6 +35,7 @@ jobs:
             -   name: Generate secrets.properties
                 run: |
                     echo "SERVER_BASE_URL=${{ secrets.SERVER_BASE_URL }}" >> secrets.properties
+                    echo "KAKAO_NATIVE_APP_KEY=${{ secrets.KAKAO_NATIVE_APP_KEY }}" >> secrets.properties
 
             -   name: test Detekt
                 run: ./gradlew detekt

diff --git a/app/build.gradle.kts b/app/build.gradle.kts
@@ -4,6 +4,7 @@ plugins {
     alias(libs.plugins.ilab.android.application)
     alias(libs.plugins.ilab.android.application.compose)
     alias(libs.plugins.ilab.android.hilt)
+    alias(libs.plugins.google.secrets)
 }
 
 android {
@@ -18,6 +19,24 @@ android {
             excludes += "/META-INF/{AL2.0,LGPL2.1}"
         }
     }
+
+    buildTypes {
+        getByName("debug") {
+            isDebuggable = true
+            applicationIdSuffix = ".dev"
+            manifestPlaceholders += mapOf(
+                "appName" to "@string/app_name_dev",
+            )
+        }
+
+        getByName("release") {
+            isDebuggable = false
+            signingConfig = signingConfigs.getByName("debug")
+            manifestPlaceholders += mapOf(
+                "appName" to "@string/app_name",
+            )
+        }
+    }
 }
 
 dependencies {
@@ -44,5 +63,10 @@ dependencies {
         libs.androidx.splash,
         libs.androidx.startup,
         libs.timber,
+        libs.kakao.auth,
     )
 }
+
+secrets {
+    defaultPropertiesFileName = "secrets.properties"
+}
diff --git a/app/proguard-rules.pro b/app/proguard-rules.pro
@@ -18,4 +18,12 @@
 
 # If you keep the line number information, uncomment this to
 # hide the original source file name.
-#-renamesourcefileattribute SourceFile
+#-renamesourcefileattribute SourceFile
+
+# kakao login
+-keep class com.kakao.sdk.**.model.* { <fields>; }
+
+# https://devtalk.kakao.com/t/method-authapi-issueaccesstoken/130860/4
+# R8 full mode strips generic signatures from return types if not kept.
+-if interface * { @retrofit2.http.* public *** *(...); }
+-keep,allowoptimization,allowshrinking,allowobfuscation class <3>
diff --git a/app/src/main/AndroidManifest.xml b/app/src/main/AndroidManifest.xml
@@ -15,7 +15,7 @@
         android:dataExtractionRules="@xml/data_extraction_rules"
         android:fullBackupContent="@xml/backup_rules"
         android:icon="@mipmap/ic_launcher"
-        android:label="@string/app_name"
+        android:label="${appName}"
         android:roundIcon="@mipmap/ic_launcher_round"
         android:screenOrientation="portrait"
         android:supportsRtl="true"
@@ -32,8 +32,27 @@
                 android:name="com.nexters.ilab.android.initializer.TimberInitializer"
                 android:value="androidx.startup" />
 
+            <meta-data
+                android:name="com.nexters.ilab.android.initializer.KakaoSDKInitializer"
+                android:value="androidx.startup" />
+
         </provider>
 
+        <activity
+            android:name="com.kakao.sdk.auth.AuthCodeHandlerActivity"
+            android:exported="true">
+            <intent-filter>
+                <action android:name="android.intent.action.VIEW" />
+
+                <category android:name="android.intent.category.DEFAULT" />
+                <category android:name="android.intent.category.BROWSABLE" />
+
+                <data
+                    android:host="oauth"
+                    android:scheme="kakao${KAKAO_NATIVE_APP_KEY}" />
+            </intent-filter>
+        </activity>
+
     </application>
 
 </manifest>
diff --git a/app/src/main/kotlin/com/nexters/ilab/android/initializer/KakaoSdkInitializer.kt b/app/src/main/kotlin/com/nexters/ilab/android/initializer/KakaoSdkInitializer.kt
@@ -0,0 +1,17 @@
+package com.nexters.ilab.android.initializer
+
+import android.content.Context
+import androidx.startup.Initializer
+import com.kakao.sdk.common.KakaoSdk
+import com.nexters.ilab.android.BuildConfig
+
+class KakaoSDKInitializer : Initializer<Unit> {
+
+    override fun create(context: Context) {
+        KakaoSdk.init(context, BuildConfig.KAKAO_NATIVE_APP_KEY)
+    }
+
+    override fun dependencies(): List<Class<out Initializer<*>>> {
+        return emptyList()
+    }
+}
diff --git a/app/src/main/res/values/strings.xml b/app/src/main/res/values/strings.xml
@@ -1,3 +1,4 @@
 <resources>
     <string name="app_name">I\'Lab</string>
+    <string name="app_name_dev">I\'Lab.dev</string>
 </resources>
diff --git a/build-logic/src/main/kotlin/com/nexters/ilab/android/Android.kt b/build-logic/src/main/kotlin/com/nexters/ilab/android/Android.kt
@@ -34,7 +34,7 @@ internal fun Project.configureAndroid(extension: CommonExtension<*, *, *, *, *>)
                 isMinifyEnabled = true
                 proguardFiles(
                     getDefaultProguardFile("proguard-android.txt"),
-                    "proguard-rules.pro"
+                    "proguard-rules.pro",
                 )
             }
         }

diff --git a/core/designsystem/src/main/res/values/strings.xml b/core/designsystem/src/main/res/values/strings.xml
@@ -1,10 +1,14 @@
 <resources>
+    <string name="error_message_network">네트워크 연결이 원활하지 않습니다.</string>
+    <string name="error_message_unknown">알 수 없는 오류가 발생하였습니다.</string>
+
+    <!--    login-->
+    <string name="kakao_login">카카오 로그인</string>
+
     <!--    main-->
     <string name="home">홈</string>
     <string name="upload_photo">사진 업로드</string>
     <string name="my_page">마이페이지</string>
-    <string name="error_message_network">네트워크 연결이 원활하지 않습니다.</string>
-    <string name="error_message_unknown">알 수 없는 오류가 발생하였습니다.</string>
 
     <!--    upload photo-->
     <string name="upload_top_title">사진 가이드</string>
@@ -32,5 +36,4 @@
     <string name="camera_permission_denied">"카메라 권한을 거부하였습니다. 앱 설정으로 이동하여 권한을 부여할 수 있습니다."</string>
     <string name="select_photo">사진을 선택해 주세요.</string>
 
-
 </resources>
diff --git a/feature/login/build.gradle.kts b/feature/login/build.gradle.kts
@@ -12,5 +12,6 @@ dependencies {
     implementations(
         libs.androidx.core,
         libs.timber,
+        libs.kakao.auth,
     )
 }
diff --git a/feature/login/proguard-rules.pro b/feature/login/proguard-rules.pro
@@ -0,0 +1,25 @@
+# Add project specific ProGuard rules here.
+# You can control the set of applied configuration files using the
+# proguardFiles setting in build.gradle.
+#
+# For more details, see
+#   http://developer.android.com/guide/developing/tools/proguard.html
+
+# If your project uses WebView with JS, uncomment the following
+# and specify the fully qualified class name to the JavaScript interface
+# class:
+#-keepclassmembers class fqcn.of.javascript.interface.for.webview {
+#   public *;
+#}
+
+# Uncomment this to preserve the line number information for
+# debugging stack traces.
+#-keepattributes SourceFile,LineNumberTable
+
+# If you keep the line number information, uncomment this to
+# hide the original source file name.
+#-renamesourcefileattribute SourceFile
+
+# https://stackoverflow.com/questions/70037537/proguard-missing-classes-detected-while-running-r8-after-adding-package-names-in
+-dontwarn java.lang.invoke.StringConcatFactory
+
diff --git a/feature/login/src/main/kotlin/com/nexters/ilab/android/feature/login/LoginActivity.kt b/feature/login/src/main/kotlin/com/nexters/ilab/android/feature/login/LoginActivity.kt
@@ -21,13 +21,12 @@ class LoginActivity : ComponentActivity() {
         setContent {
             ILabTheme {
                 LoginRoute(
-                    onLoginClick = {
+                    navigateToHome = {
                         mainNavigator.navigateFrom(
                             activity = this,
                             withFinish = true,
                         )
                     },
-                    onShowErrorSnackBar = {},
                     viewModel = viewModel,
                 )
             }

diff --git a/feature/login/src/main/kotlin/com/nexters/ilab/android/feature/login/LoginScreen.kt b/feature/login/src/main/kotlin/com/nexters/ilab/android/feature/login/LoginScreen.kt
@@ -1,34 +1,96 @@
 package com.nexters.ilab.android.feature.login
 
+import android.widget.Toast
 import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Spacer
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.height
 import androidx.compose.material3.Button
+import androidx.compose.material3.CircularProgressIndicator
 import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
+import androidx.compose.runtime.LaunchedEffect
+import androidx.compose.runtime.getValue
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.platform.LocalContext
+import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.unit.dp
 import androidx.hilt.navigation.compose.hiltViewModel
+import androidx.lifecycle.compose.collectAsStateWithLifecycle
+import com.kakao.sdk.auth.model.OAuthToken
+import com.kakao.sdk.common.model.AuthError
+import com.kakao.sdk.user.UserApiClient
+import com.nexters.ilab.android.core.common.UiText
+import com.nexters.ilab.android.core.designsystem.R
+import timber.log.Timber
 
-@Suppress("unused")
 @Composable
 internal fun LoginRoute(
-    onLoginClick: () -> Unit,
-    onShowErrorSnackBar: (throwable: Throwable?) -> Unit,
+    navigateToHome: () -> Unit,
     viewModel: LoginViewModel = hiltViewModel(),
 ) {
+    val uiState by viewModel.container.stateFlow.collectAsStateWithLifecycle()
+    val context = LocalContext.current
+
+    val kakaoCallback: (OAuthToken?, Throwable?) -> Unit = { token, error ->
+        when {
+            error != null -> when {
+                (error is AuthError && error.response.error == "ProtocolError") -> {
+                    Timber.e("로그인 실패: ${error.response.error}, ${error.response.errorDescription}")
+                    viewModel.setErrorMessage(UiText.StringResource(R.string.error_message_network))
+                }
+
+                else -> {
+                    Timber.e("로그인 실패: ${error.message}")
+                    viewModel.setErrorMessage(UiText.StringResource(R.string.error_message_unknown))
+                }
+            }
+
+            token != null -> UserApiClient.instance.me { user, _ ->
+                user?.let {
+                    Timber.d("로그인 성공: ${token.accessToken}, ${it.kakaoAccount?.profile?.nickname}, ${it.kakaoAccount?.profile?.profileImageUrl}")
+                    viewModel.kakaoLogin()
+                } ?: viewModel.setErrorMessage(UiText.StringResource(R.string.error_message_unknown))
+            }
+
+            else -> viewModel.setErrorMessage(UiText.StringResource(R.string.error_message_unknown))
+        }
+    }
+
+    LaunchedEffect(viewModel) {
+        viewModel.container.sideEffectFlow.collect { sideEffect ->
+            when (sideEffect) {
+                is LoginSideEffect.KakaoLogin -> {
+                    if (UserApiClient.instance.isKakaoTalkLoginAvailable(context)) {
+                        UserApiClient.instance.loginWithKakaoTalk(context, callback = kakaoCallback)
+                    } else {
+                        UserApiClient.instance.loginWithKakaoAccount(context, callback = kakaoCallback)
+                    }
+                }
+
+                is LoginSideEffect.LoginSuccess -> navigateToHome()
+                is LoginSideEffect.ShowToast -> Toast.makeText(context, sideEffect.message.asString(context), Toast.LENGTH_SHORT).show()
+            }
+        }
+    }
+
     LoginScreen(
-        onLoginClick = onLoginClick,
+        uiState = uiState,
+        onLoginClick = viewModel::onLoginButtonClick,
     )
 }
 
 @Composable
 internal fun LoginScreen(
+    uiState: LoginState,
     onLoginClick: () -> Unit,
 ) {
+    if (uiState.isLoading) {
+        CircularProgressIndicator()
+    }
+
     Column(
         modifier = Modifier.fillMaxSize(),
         verticalArrangement = Arrangement.Center,
@@ -39,7 +101,7 @@ internal fun LoginScreen(
         Button(
             onClick = onLoginClick,
         ) {
-            Text(text = "Login")
+            Text(text = stringResource(id = R.string.kakao_login))
         }
     }
 }
diff --git a/feature/login/src/main/kotlin/com/nexters/ilab/android/feature/login/LoginSideEffect.kt b/feature/login/src/main/kotlin/com/nexters/ilab/android/feature/login/LoginSideEffect.kt
@@ -0,0 +1,9 @@
+package com.nexters.ilab.android.feature.login
+
+import com.nexters.ilab.android.core.common.UiText
+
+sealed interface LoginSideEffect {
+    data object KakaoLogin : LoginSideEffect
+    data object LoginSuccess : LoginSideEffect
+    data class ShowToast(val message: UiText) : LoginSideEffect
+}
diff --git a/feature/login/src/main/kotlin/com/nexters/ilab/android/feature/login/LoginState.kt b/feature/login/src/main/kotlin/com/nexters/ilab/android/feature/login/LoginState.kt
@@ -0,0 +1,5 @@
+package com.nexters.ilab.android.feature.login
+
+data class LoginState(
+    val isLoading: Boolean = false,
+)
diff --git a/feature/login/src/main/kotlin/com/nexters/ilab/android/feature/login/LoginViewModel.kt b/feature/login/src/main/kotlin/com/nexters/ilab/android/feature/login/LoginViewModel.kt
@@ -1,8 +1,36 @@
 package com.nexters.ilab.android.feature.login
 
 import androidx.lifecycle.ViewModel
+import com.nexters.ilab.android.core.common.UiText
 import dagger.hilt.android.lifecycle.HiltViewModel
+import org.orbitmvi.orbit.ContainerHost
+import org.orbitmvi.orbit.syntax.simple.intent
+import org.orbitmvi.orbit.syntax.simple.postSideEffect
+import org.orbitmvi.orbit.syntax.simple.reduce
+import org.orbitmvi.orbit.viewmodel.container
 import javax.inject.Inject
 
 @HiltViewModel
-class LoginViewModel @Inject constructor() : ViewModel()
+class LoginViewModel @Inject constructor() : ViewModel(), ContainerHost<LoginState, LoginSideEffect> {
+
+    override val container = container<LoginState, LoginSideEffect>(LoginState())
+
+    fun onLoginButtonClick() = intent {
+        postSideEffect(LoginSideEffect.KakaoLogin)
+    }
+
+    fun kakaoLogin() = intent {
+        reduce {
+            state.copy(isLoading = true)
+        }
+        // TODO repository function call
+        reduce {
+            state.copy(isLoading = false)
+        }
+        postSideEffect(LoginSideEffect.LoginSuccess)
+    }
+
+    fun setErrorMessage(message: UiText) = intent {
+        postSideEffect(LoginSideEffect.ShowToast(message))
+    }
+}
diff --git a/gradle.properties b/gradle.properties
@@ -20,4 +20,4 @@ kotlin.code.style=official
 # Enables namespacing of each library's R class so that its R class includes only the
 # resources declared in the library itself and none from the library's dependencies,
 # thereby reducing the size of the R class for that library
-android.nonTransitiveRClass=true
+android.nonTransitiveRClass=true
diff --git a/gradle/libs.versions.toml b/gradle/libs.versions.toml
@@ -43,6 +43,7 @@ firebase-crashlytics = "2.9.9"
 ksp = "1.9.22-1.0.16"
 orbit-core = "4.6.1"
 kotest = "5.8.0"
+kakao-core = "2.19.0"
 
 [libraries]
 
@@ -94,6 +95,7 @@ orbit-viewmodel = { group = "org.orbit-mvi", name = "orbit-viewmodel", version.r
 orbit-compose = { group = "org.orbit-mvi", name = "orbit-compose", version.ref = "orbit-core" }
 coil-compose = { group = "io.coil-kt", name = "coil-compose", version.ref = "coil-compose" }
 compose-shimmer = { group = "com.valentinilk.shimmer", name = "compose-shimmer", version.ref = "compose-shimmer" }
+kakao-auth = { group = "com.kakao.sdk", name = "v2-user", version.ref = "kakao-core" }
 
 kotest-runner = { module = "io.kotest:kotest-runner-junit5-jvm", version.ref = "kotest" }
 kotest-assertion = { module = "io.kotest:kotest-assertions-core-jvm", version.ref = "kotest" }