[FEAT/#5] 온보딩 뷰 / 카카오 연결

app/build.gradle.kts

@@ -23,6 +23,14 @@ android {
         vectorDrawables {
             useSupportLibrary = true
         }
+
+        buildConfigField(
+            "String",
+            "NATIVE_APP_KEY",
+            gradleLocalProperties(rootDir, providers).getProperty("native.app.key"),
+        )
+        manifestPlaceholders["NATIVE_APP_KEY"] =
+            gradleLocalProperties(rootDir, providers).getProperty("nativeAppKey")
     }
 
     buildTypes {
@@ -104,4 +112,8 @@ dependencies {
 
     debugImplementation(libs.androidx.ui.tooling)
     debugImplementation(libs.androidx.ui.test.manifest)
+
+    // KakaoDependencies
+    implementation(libs.kakao.user)
+
 }

app/src/main/java/com/terning/point/MyApp.kt

@@ -2,6 +2,7 @@ package com.terning.point
 
 import android.app.Application
 import androidx.appcompat.app.AppCompatDelegate
+import com.kakao.sdk.common.KakaoSdk
 import dagger.hilt.android.HiltAndroidApp
 import timber.log.Timber
 
@@ -13,6 +14,7 @@ class MyApp : Application() {
 
         initTimber()
         setDayMode()
+        initKakoSdk()
     }
 
     private fun initTimber() {
@@ -22,4 +24,8 @@ class MyApp : Application() {
     private fun setDayMode() {
         AppCompatDelegate.setDefaultNightMode(AppCompatDelegate.MODE_NIGHT_NO)
     }
+
+    private fun initKakoSdk() {
+        KakaoSdk.init(this, BuildConfig.NATIVE_APP_KEY)
+    }
 }

core/src/main/java/com/terning/core/extension/ContextExt.kt

@@ -1,9 +1,6 @@
 package com.terning.core.extension
 
-import android.app.Activity
 import android.content.Context
-import android.view.View
-import android.view.inputmethod.InputMethodManager
 import android.widget.Toast
 import androidx.annotation.StringRes
 

feature/build.gradle.kts

@@ -91,4 +91,7 @@ dependencies {
     implementation(libs.ossLicense)
     implementation(libs.lottie)
 
+    // KakaoDependencies
+    implementation(libs.kakao.user)
+
 }

feature/src/main/AndroidManifest.xml

@@ -14,5 +14,21 @@
                 <category android:name="android.intent.category.LAUNCHER" />
             </intent-filter>
         </activity>
+
+        <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${NATIVE_APP_KEY}" />
+            </intent-filter>
+        </activity>
+
     </application>
 </manifest>

feature/src/main/java/com/terning/feature/main/MainNavigator.kt

@@ -10,9 +10,9 @@ import androidx.navigation.compose.currentBackStackEntryAsState
 import androidx.navigation.compose.rememberNavController
 import androidx.navigation.navOptions
 import com.terning.feature.calendar.navigation.navigateCalendar
-import com.terning.feature.home.navigation.Home
 import com.terning.feature.home.navigation.navigateHome
 import com.terning.feature.mypage.navigation.navigateMyPage
+import com.terning.feature.onboarding.signin.navigation.SignIn
 import com.terning.feature.search.navigation.navigateSearch
 
 class MainNavigator(
@@ -22,7 +22,7 @@ class MainNavigator(
         @Composable get() = navController
             .currentBackStackEntryAsState().value?.destination
 
-    val startDestination = Home
+    val startDestination = SignIn
 
     val currentTab: MainTab?
         @Composable get() = MainTab.find { tab ->

feature/src/main/java/com/terning/feature/main/MainScreen.kt

@@ -7,13 +7,10 @@ import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.padding
 import androidx.compose.material3.Icon
-import androidx.compose.material3.LocalAbsoluteTonalElevation
-import androidx.compose.material3.MaterialTheme
 import androidx.compose.material3.NavigationBar
 import androidx.compose.material3.NavigationBarItem
 import androidx.compose.material3.Scaffold
 import androidx.compose.material3.Text
-import androidx.compose.material3.surfaceColorAtElevation
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.res.painterResource
@@ -27,6 +24,8 @@ import com.terning.core.designsystem.theme.White
 import com.terning.feature.calendar.navigation.calendarNavGraph
 import com.terning.feature.home.navigation.homeNavGraph
 import com.terning.feature.mypage.navigation.myPageNavGraph
+import com.terning.feature.onboarding.signin.navigation.signInNavGraph
+import com.terning.feature.onboarding.signup.navigation.signUpNavGraph
 import com.terning.feature.search.navigation.searchNavGraph
 import kotlinx.coroutines.flow.Flow
 import kotlinx.coroutines.flow.emptyFlow
@@ -58,6 +57,8 @@ fun MainScreen(
                 calendarNavGraph()
                 searchNavGraph()
                 myPageNavGraph()
+                signInNavGraph(navHostController = navigator.navController)
+                signUpNavGraph()
             }
         }
     }
@@ -108,7 +109,6 @@ private fun MainBottomBar(
     }
 }
 
-
 private object NoRippleInteractionSource : MutableInteractionSource {
 
     override val interactions: Flow<Interaction> = emptyFlow()

feature/src/main/java/com/terning/feature/mypage/MyPageRoute.kt

@@ -26,7 +26,7 @@ fun MyPageRoute(
     val context = LocalContext.current
     val lifecycleOwner = LocalLifecycleOwner.current
 
-    val state by viewModel.state.collectAsStateWithLifecycle(lifecycleOwner = LocalLifecycleOwner.current)
+    val state by viewModel.state.collectAsStateWithLifecycle(lifecycleOwner = lifecycleOwner)
 
     LaunchedEffect(key1 = true) {
         viewModel.getFriendsInfo(2)

feature/src/main/java/com/terning/feature/onboarding/filtering/FilteringRoute.kt

@@ -0,0 +1,9 @@
+package com.terning.feature.onboarding.filtering
+
+import androidx.compose.runtime.Composable
+import com.terning.feature.onboarding.filtering.navigation.FilteringNavigation
+
+@Composable
+fun FilteringRoute(){
+
+}

feature/src/main/java/com/terning/feature/onboarding/filtering/navigation/FilteringNavigation.kt

@@ -0,0 +1,4 @@
+package com.terning.feature.onboarding.filtering.navigation
+
+class FilteringNavigation {
+}

feature/src/main/java/com/terning/feature/onboarding/signin/SignInRoute.kt

@@ -0,0 +1,83 @@
+package com.terning.feature.onboarding.signin
+
+import androidx.compose.foundation.Image
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+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.painterResource
+import androidx.compose.ui.res.stringResource
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import androidx.hilt.navigation.compose.hiltViewModel
+import androidx.lifecycle.compose.LocalLifecycleOwner
+import androidx.lifecycle.compose.collectAsStateWithLifecycle
+import androidx.lifecycle.flowWithLifecycle
+import androidx.navigation.NavHostController
+import com.terning.core.designsystem.theme.TerningTheme
+import com.terning.core.extension.toast
+import com.terning.feature.R
+import com.terning.feature.home.navigation.navigateHome
+import com.terning.feature.onboarding.signin.component.KakaoButton
+
+@Composable
+fun SignInRoute(
+    viewModel: SignInViewModel = hiltViewModel(),
+    navController: NavHostController,
+) {
+    val context = LocalContext.current
+    val lifecycleOwner = LocalLifecycleOwner.current
+    val signInState by viewModel.signInState.collectAsStateWithLifecycle(lifecycleOwner = lifecycleOwner)
+
+    LaunchedEffect(viewModel.signInSideEffects, lifecycleOwner) {
+        viewModel.signInSideEffects.flowWithLifecycle(lifecycle = lifecycleOwner.lifecycle)
+            .collect { sideEffect ->
+                when (sideEffect) {
+                    is SignInSideEffect.ShowToast -> context.toast(sideEffect.message)
+                    is SignInSideEffect.NavigateToHome -> navController.navigateHome()
+                }
+            }
+    }
+
+    SignInScreen(
+        onSignInClick = { viewModel.startKakaoLogIn(context) }
+    )
+}
+
+@Composable
+fun SignInScreen(
+    modifier: Modifier = Modifier,
+    onSignInClick: () -> Unit = {}
+) {
+    Column(
+        modifier = Modifier
+            .fillMaxSize(),
+        horizontalAlignment = Alignment.CenterHorizontally
+    ) {
+        Image(
+            painter = painterResource(id = R.drawable.img_terning_point),
+            contentDescription = null,
+            modifier = Modifier
+                .size(500.dp),
+        )
+        KakaoButton(
+            title = stringResource(id = R.string.sign_in_kakao_button),
+            onSignInClick = { onSignInClick() },
+            modifier = modifier.padding(horizontal = 20.dp)
+        )
+    }
+}
+
+@Preview(showBackground = true)
+@Composable
+fun SignInScreenPreview() {
+    TerningTheme {
+        SignInScreen()
+    }
+}

feature/src/main/java/com/terning/feature/onboarding/signin/SignInSideEffect.kt

@@ -0,0 +1,8 @@
+package com.terning.feature.onboarding.signin
+
+import androidx.annotation.StringRes
+
+sealed class SignInSideEffect {
+    data object NavigateToHome : SignInSideEffect()
+    data class ShowToast(@StringRes val message: Int) : SignInSideEffect()
+}

feature/src/main/java/com/terning/feature/onboarding/signin/SignInState.kt

@@ -0,0 +1,7 @@
+package com.terning.feature.onboarding.signin
+
+import com.terning.core.state.UiState
+
+data class SignInState (
+    val accessToken: UiState<String> = UiState.Loading
+)

feature/src/main/java/com/terning/feature/onboarding/signin/SignInViewModel.kt

@@ -0,0 +1,86 @@
+package com.terning.feature.onboarding.signin
+
+import android.content.Context
+import androidx.lifecycle.ViewModel
+import androidx.lifecycle.viewModelScope
+import com.kakao.sdk.auth.model.OAuthToken
+import com.kakao.sdk.common.model.ClientError
+import com.kakao.sdk.common.model.ClientErrorCause
+import com.kakao.sdk.user.UserApiClient
+import com.terning.core.state.UiState
+import com.terning.feature.R
+import dagger.hilt.android.lifecycle.HiltViewModel
+import kotlinx.coroutines.flow.MutableSharedFlow
+import kotlinx.coroutines.flow.MutableStateFlow
+import kotlinx.coroutines.flow.SharedFlow
+import kotlinx.coroutines.flow.StateFlow
+import kotlinx.coroutines.flow.asSharedFlow
+import kotlinx.coroutines.flow.asStateFlow
+import kotlinx.coroutines.launch
+import javax.inject.Inject
+
+@HiltViewModel
+class SignInViewModel @Inject constructor() : ViewModel() {
+
+    private val _signInState = MutableStateFlow(SignInState())
+    val signInState: StateFlow<SignInState>
+        get() = _signInState.asStateFlow()
+
+    private val _signInSideEffects = MutableSharedFlow<SignInSideEffect>()
+    val signInSideEffects: SharedFlow<SignInSideEffect>
+        get() = _signInSideEffects.asSharedFlow()
+
+    fun startKakaoLogIn(context: Context) {
+        if (UserApiClient.instance.isKakaoTalkLoginAvailable(context)) {
+            UserApiClient.instance.loginWithKakaoTalk(context) { token, error ->
+                signInResult(context, token, error)
+            }
+        } else {
+            UserApiClient.instance.loginWithKakaoAccount(context) { token, error ->
+                signInResult(context, token, error)
+            }
+        }
+    }
+
+    private fun signInResult(context: Context, token: OAuthToken?, error: Throwable?) {
+        viewModelScope.launch {
+            if (error != null) {
+                signInFailure(context, error)
+            } else if (token != null) {
+                signInSuccess(token)
+            }
+        }
+    }
+
+    private fun signInFailure(context: Context, error: Throwable?) {
+        if (error.toString().contains(KAKAO_NOT_LOGGED_IN)) {
+            UserApiClient.instance.loginWithKakaoAccount(context) { token, error ->
+                signInResult(context, token, error)
+            }
+        } else {
+            sigInCancellationOrError(error)
+        }
+    }
+
+    private fun sigInCancellationOrError(error: Throwable?) {
+        viewModelScope.launch {
+            if (error is ClientError && error.reason == ClientErrorCause.Cancelled) {
+                _signInSideEffects.emit(SignInSideEffect.ShowToast(R.string.sign_in_kakao_cancel))
+            } else {
+                _signInSideEffects.emit(SignInSideEffect.ShowToast(R.string.sign_in_kakao_login_fail))
+            }
+        }
+    }
+
+    private fun signInSuccess(token: OAuthToken) {
+        viewModelScope.launch {
+            _signInState.value =
+                _signInState.value.copy(accessToken = UiState.Success(token.accessToken))
+            _signInSideEffects.emit(SignInSideEffect.NavigateToHome)
+        }
+    }
+
+    companion object {
+        private const val KAKAO_NOT_LOGGED_IN = "statusCode=302"
+    }
+}