Merge pull request #43 from Nexters/feature/webview-token

웹뷰 이동 시 액세스 토큰을 전달합니다.

Author: eshc123

core/data/src/main/java/com/plottwist/core/data/auth/repository/LoginRepositoryImpl.kt

@@ -68,4 +68,8 @@ class LoginRepositoryImpl @Inject constructor(
     override fun logout(): Flow<Unit> {
         return authDataSource.clear()
     }
+
+    override fun getAccessToken(): Flow<String?> {
+        return authDataSource.getAccessToken()
+    }
 }

core/domain/src/main/java/com/plottwist/core/domain/auth/repository/LoginRepository.kt

@@ -6,4 +6,5 @@ interface LoginRepository {
     suspend fun googleLogin(accountId: String): Result<Boolean>
     fun checkLoginStatus(): Flow<Boolean>
     fun logout(): Flow<Unit>
+    fun getAccessToken() : Flow<String?>
 }

core/domain/src/main/java/com/plottwist/core/domain/auth/usecase/GetAccessTokenUseCase.kt

@@ -0,0 +1,13 @@
+package com.plottwist.core.domain.auth.usecase
+
+import com.plottwist.core.domain.auth.repository.LoginRepository
+import kotlinx.coroutines.flow.Flow
+import javax.inject.Inject
+
+class GetAccessTokenUseCase @Inject constructor(
+    private val loginRepository: LoginRepository
+) {
+    operator fun invoke(): Flow<String?> {
+        return loginRepository.getAccessToken()
+    }
+}

feature/gathering-detail/src/main/java/com/plottwist/feature/gathering_detail/GatheringDetailViewModel.kt

@@ -70,12 +70,14 @@ class GatheringDetailViewModel @Inject constructor(
     }
 
     private fun handleReceivedProposalClick() = intent {
-        val encodedUrl = URLEncoder.encode(webUrlConfig.sentProposalsUrl,"UTF-8")
+        val url = webUrlConfig.sentProposalsUrl.replace("{gatheringId}", state.gatheringDetail.gatheringId.toString())
+        val encodedUrl = URLEncoder.encode(url,"UTF-8")
         postSideEffect(GatheringDetailSideEffect.NavigateToWebView(encodedUrl))
     }
 
     private fun handleSentProposalClick() = intent {
-        val encodedUrl = URLEncoder.encode(webUrlConfig.sentProposalsUrl,"UTF-8")
+        val url = webUrlConfig.sentProposalsUrl.replace("{gatheringId}", state.gatheringDetail.gatheringId.toString())
+        val encodedUrl = URLEncoder.encode(url,"UTF-8")
         postSideEffect(GatheringDetailSideEffect.NavigateToWebView(encodedUrl))
     }
 

feature/webview/src/main/java/com/plottwist/feature/webview/WebViewContract.kt

@@ -1,13 +1,21 @@
 package com.plottwist.feature.webview
 
+import android.webkit.WebView
+
 data class WebViewState(
     val url: String = ""
 )
 
 sealed class WebViewAction {
     data object ClickBack : WebViewAction()
+    data class OnPageFinished(val webView: WebView) : WebViewAction()
+    data class OnRequestTokenRefresh(val webView: WebView) : WebViewAction()
 }
 
 sealed class WebViewSideEffect {
     data object NavigateBack : WebViewSideEffect()
+    data class UpdateSessionStorage(
+        val webView: WebView,
+        val accessToken: String
+    ) : WebViewSideEffect()
 }

feature/webview/src/main/java/com/plottwist/feature/webview/WebViewScreen.kt

@@ -26,9 +26,15 @@ fun WebViewScreen(
     val state by viewModel.collectAsState()
     var webView : WebView? by remember { mutableStateOf(null) }
 
-    viewModel.collectSideEffect {
-        when (it) {
+    viewModel.collectSideEffect { sideEffect ->
+        when (sideEffect) {
             WebViewSideEffect.NavigateBack -> onBack()
+            is WebViewSideEffect.UpdateSessionStorage -> {
+                sideEffect.webView.evaluateJavascript(
+                    "window.sessionStorage.setItem('accessToken', '${sideEffect.accessToken}')",
+                    null
+                )
+            }
         }
     }
 
@@ -38,6 +44,12 @@ fun WebViewScreen(
         onWebViewCreated = {
             webView = it
         },
+        onPageFinished = {
+            viewModel.handleAction(WebViewAction.OnPageFinished(it))
+        },
+        onRequestTokenRefresh = {
+            webView?.reload()
+        },
         url = state.url
     )
 }
@@ -47,16 +59,20 @@ private fun WebViewScreen(
     onBackClick: () -> Unit,
     url: String,
     onWebViewCreated : (WebView) -> Unit,
+    onPageFinished: (webView: WebView) -> Unit,
+    onRequestTokenRefresh: () -> Unit,
     modifier: Modifier = Modifier,
 ) {
     TukWebView(
         modifier = modifier.statusBarsPadding(),
         url = url,
         onWebViewCreated = onWebViewCreated,
+        onPageFinished = onPageFinished,
         addBridge = {
             it.addJavascriptInterface(
                 DefaultBridge(
-                    onNavigateHome = onBackClick
+                    onNavigateHome = onBackClick,
+                    onRequestTokenRefresh = onRequestTokenRefresh
                 ),
                 BRIDGE_NAME
             )
@@ -78,11 +94,19 @@ fun WebViewAppBar(
 
 internal const val BRIDGE_NAME = "AndroidBridge"
 
-private class DefaultBridge(val onNavigateHome: () -> Unit) {
+private class DefaultBridge(
+    val onNavigateHome: () -> Unit,
+    val onRequestTokenRefresh: () -> Unit
+) {
     @JavascriptInterface
     fun navigateHome() {
         onNavigateHome()
     }
+
+    @JavascriptInterface
+    fun requestTokenRefresh() {
+        onRequestTokenRefresh()
+    }
 }
 
 @Preview
@@ -92,5 +116,7 @@ private fun WebViewScreenPreview() {
         onBackClick = {},
         url = "https://www.google.com",
         onWebViewCreated = {},
+        onPageFinished = {},
+        onRequestTokenRefresh = {}
     )
 }

feature/webview/src/main/java/com/plottwist/feature/webview/WebViewViewModel.kt

@@ -1,17 +1,21 @@
 package com.plottwist.feature.webview
 
+import android.webkit.WebView
 import androidx.lifecycle.SavedStateHandle
 import androidx.lifecycle.ViewModel
 import androidx.navigation.toRoute
+import com.plottwist.core.domain.auth.usecase.GetAccessTokenUseCase
 import com.plottwist.core.ui.navigation.Route
 import dagger.hilt.android.lifecycle.HiltViewModel
+import kotlinx.coroutines.flow.collectLatest
 import org.orbitmvi.orbit.ContainerHost
 import org.orbitmvi.orbit.viewmodel.container
 import java.net.URLDecoder
 import javax.inject.Inject
 
 @HiltViewModel
 class WebViewViewModel @Inject constructor(
+    private val getAccessTokenUseCase: GetAccessTokenUseCase,
     savedStateHandle: SavedStateHandle
 ) : ContainerHost<WebViewState, WebViewSideEffect>, ViewModel() {
     override val container = container<WebViewState, WebViewSideEffect>(WebViewState(
@@ -23,10 +27,26 @@ class WebViewViewModel @Inject constructor(
             WebViewAction.ClickBack -> {
                 navigateBack()
             }
+
+            is WebViewAction.OnPageFinished -> {
+                handlePageFinished(action.webView)
+            }
+
+            is WebViewAction.OnRequestTokenRefresh -> {
+                // TODO 토큰 재발급 후 액세스 토큰 웹뷰에 보내기 로직
+            }
         }
     }
 
     private fun navigateBack() = intent {
         postSideEffect(WebViewSideEffect.NavigateBack)
     }
+
+    private fun handlePageFinished(webView: WebView) = intent {
+        getAccessTokenUseCase().collectLatest { accessToken ->
+            accessToken?.let {
+                postSideEffect(WebViewSideEffect.UpdateSessionStorage(webView, it))
+            }
+        }
+    }
 }

feature/webview/src/main/java/com/plottwist/feature/webview/client/TukWebViewClient.kt

@@ -0,0 +1,13 @@
+package com.plottwist.feature.webview.client
+
+import android.webkit.WebView
+import android.webkit.WebViewClient
+
+class TukWebViewClient(
+    val onPageFinished: (view: WebView) -> Unit,
+): WebViewClient() {
+    override fun onPageFinished(view: WebView?, url: String?) {
+        super.onPageFinished(view, url)
+        view?.let { onPageFinished(it) }
+    }
+}

feature/webview/src/main/java/com/plottwist/feature/webview/component/TukWebView.kt

@@ -6,12 +6,14 @@ import android.webkit.WebView
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.viewinterop.AndroidView
+import com.plottwist.feature.webview.client.TukWebViewClient
 
 @SuppressLint("SetJavaScriptEnabled")
 @Composable
 fun TukWebView(
     url: String,
     onWebViewCreated: (webView: WebView) -> Unit,
+    onPageFinished: (webView: WebView) -> Unit,
     modifier: Modifier = Modifier,
     addBridge: (webView: WebView)-> Unit = {}
 ) {
@@ -35,6 +37,10 @@ fun TukWebView(
                     setInitialScale(1)
                 }
 
+                webViewClient = TukWebViewClient(
+                    onPageFinished = onPageFinished
+                )
+
                 addBridge(this)
 
                 onWebViewCreated(this)