feat: 웹뷰 로그아웃 메시지 전송 및 세션 스토리지 정리 로직 추가

Author: minsukim-29cm

src/controllers/common/base.ts

@@ -1,3 +1,4 @@
+import { MESSAGE_TYPES } from '@config/webview';
 import { webPath } from '@router/index';
 
 const baseURL = import.meta.env.VITE_BASE_URL;
@@ -6,6 +7,32 @@ const Headers = { 'Content-Type': 'application/json' } as const;
 const wait = (timeToDelay: number) => new Promise((resolve) => setTimeout(resolve, timeToDelay));
 
 const enableMock = false;
+const AUTH_STORAGE_KEYS = ['access_token', 'refresh_token', 'user_info'] as const;
+const LOGIN_FORCE_HOME_ON_CLOSE_KEY = 'login_force_home_on_close';
+
+const sendWebViewLogoutMessage = (accessToken: string | null) => {
+  const reactNativeWebView = (
+    window as Window & typeof globalThis & { ReactNativeWebView?: { postMessage: (message: string) => void } }
+  ).ReactNativeWebView;
+
+  if (!reactNativeWebView || !accessToken) {
+    return;
+  }
+
+  reactNativeWebView.postMessage(
+    JSON.stringify({
+      type: MESSAGE_TYPES.LOGOUT,
+      token: accessToken,
+    }),
+  );
+};
+
+const clearStoredAuthInfo = () => {
+  AUTH_STORAGE_KEYS.forEach((key) => {
+    localStorage.removeItem(key);
+    window.dispatchEvent(new CustomEvent('localStorageChange', { detail: { key } }));
+  });
+};
 
 const fetchData = async (path: string, init: RequestInit = {}, isFormData: boolean = false) => {
   const url = `${baseURL}${path}`;
@@ -55,7 +82,11 @@ const fetchAuthData = async (path: string, init: RequestInit = {}, isFormData: b
     });
 
     if (!reissueRes.ok) {
-      // alert('토큰 재발급 실패. 재로그인 필요');
+      sendWebViewLogoutMessage(token);
+      clearStoredAuthInfo();
+      sessionStorage.setItem('login_return_path', window.location.pathname + window.location.search);
+      sessionStorage.removeItem('login_return_state');
+      sessionStorage.setItem(LOGIN_FORCE_HOME_ON_CLOSE_KEY, 'true');
 
       window.location.href = webPath.login;
 

src/hooks/useSocialAuth.ts

@@ -125,6 +125,7 @@ export const useSocialAuth = () => {
         const returnStateStr = sessionStorage.getItem('login_return_state');
         const returnState = returnStateStr ? JSON.parse(returnStateStr) : undefined;
 
+        sessionStorage.removeItem('login_force_home_on_close');
         sessionStorage.removeItem('login_return_path');
         sessionStorage.removeItem('login_return_state');
 

src/pages/Login/Login.tsx

@@ -45,6 +45,16 @@ const Login = () => {
   ];
 
   const handleCancelLogin = () => {
+    const shouldGoHome = sessionStorage.getItem('login_force_home_on_close') === 'true';
+
+    if (shouldGoHome) {
+      sessionStorage.removeItem('login_force_home_on_close');
+      sessionStorage.removeItem('login_return_path');
+      sessionStorage.removeItem('login_return_state');
+      navigate('/', { replace: true });
+      return;
+    }
+
     navigate(-1);
   };