fix: ios 딥링크 로직 수정

Author: sikkzz

apps/tuk-web/src/app/invite/meet/[meetId]/src/components/InviteProposal.tsx

@@ -12,8 +12,9 @@ import SkeletonGuard from '@/shared/components/SkeletonGuard';
 import { useParam } from '@/shared/hooks/useParam';
 
 // === Deep Link: 강화 폴백 유틸 시작 ===
-const IOS_STORE_URL =
+const IOS_STORE_URL_WEB =
   'https://apps.apple.com/kr/app/%ED%88%AD-%EB%A7%8C%EB%82%8C%EC%9D%84-%EB%84%8C%EC%A7%80%EC%8B%9C/id6749781762';
+const IOS_STORE_URL_APPS = 'itms-apps://itunes.apple.com/app/id6749781762'; // App Store 앱 직접 오픈
 const ANDROID_STORE_URL = 'https://play.google.com/store/apps/details?id=com.plottwist.tuk';
 
 function buildAndroidIntent(path: string, playUrl: string) {
@@ -31,63 +32,68 @@ function buildAndroidIntent(path: string, playUrl: string) {
 function openProposalInApp(proposalId: number | string) {
   const ua = navigator.userAgent.toLowerCase();
   const isAndroid = ua.includes('android');
-
-  // 인앱 브라우저(대략) 감지 — 카톡/인스타 등
-  const isInApp = /\b(kakaotalk|instagram|line|fb_iab|fbav|twitter|naver(inapp)?|daumapps)\b/.test(
-    ua
-  );
+  const isIOS = /iphone|ipad|ipod/.test(ua);
 
   // 공통 스킴 (앱에서 열릴 실제 진입 위치)
-  const iosScheme = `tuk-app://tuk/proposal-detail/${encodeURIComponent(String(proposalId))}`;
-  const androidPath = `tuk/proposal-detail/${encodeURIComponent(String(proposalId))}`;
+  const schemeUrl = `tuk-app://tuk/proposal-detail/${encodeURIComponent(String(proposalId))}`;
 
-  // Android: 가능하면 intent:// 로 한 방에 폴백 자동 처리
   if (isAndroid) {
+    // 안드로이드는 기존 intent 유지 (정상 동작 중)
+    const androidPath = `tuk/proposal-detail/${encodeURIComponent(String(proposalId))}`;
     const intentUrl = buildAndroidIntent(androidPath, ANDROID_STORE_URL);
-    // 일부 인앱 브라우저는 intent 처리에 제약이 있어도, 시도 → 스토어 폴백은 작동
     window.location.href = intentUrl;
     return;
   }
 
-  // iOS (및 기타): 스킴 시도 → 전환 신호 없으면 스토어로 replace
-  const fallbackDelayMs = 1700; // 1500~1800 권장
-  let timer: number | null = null;
-
-  const cleanup = () => {
-    if (timer) {
-      window.clearTimeout(timer);
-      timer = null;
-    }
-    document.removeEventListener('visibilitychange', onHide, true);
-    window.removeEventListener('pagehide', onHide, true);
-    window.removeEventListener('blur', onHide, true);
-  };
-  const onHide = () => {
-    // 앱으로 전환되면 페이지가 숨김/이탈/블러됨 → 타이머 취소
-    cleanup();
-  };
-
-  document.addEventListener('visibilitychange', onHide, true);
-  window.addEventListener('pagehide', onHide, true);
-  window.addEventListener('blur', onHide, true);
-
-  // 인앱 브라우저일 때 커스텀 스킴이 막히는 케이스가 흔하지만
-  // 그래도 한번 시도 후 폴백(UX 유지)
-  try {
-    window.location.href = iosScheme;
-  } catch {
-    /* empty */
+  if (isIOS) {
+    // iOS: 히든 iframe으로 조용히 스킴 시도 → 실패 시 App Store 앱(itms-apps://) 폴백
+    const fallbackDelayMs = 1500; // 1300~1700 권장
+    let timer: number | null = null;
+
+    const cleanup = () => {
+      if (timer) {
+        window.clearTimeout(timer);
+        timer = null;
+      }
+      document.removeEventListener('visibilitychange', onHide, true);
+      window.removeEventListener('pagehide', onHide, true);
+      window.removeEventListener('blur', onHide, true);
+      const iframe = document.getElementById('__dl_iframe__');
+      if (iframe && iframe.parentNode) iframe.parentNode.removeChild(iframe);
+    };
+    const onHide = () => {
+      // 앱으로 전환되면 페이지가 숨김/이탈/블러됨 → 타이머 취소
+      cleanup();
+    };
+
+    document.addEventListener('visibilitychange', onHide, true);
+    window.addEventListener('pagehide', onHide, true);
+    window.addEventListener('blur', onHide, true);
+
+    // 히든 iframe으로 스킴 시도 (미설치 시 알럿 없이 조용히 실패)
+    const iframe = document.createElement('iframe');
+    iframe.style.display = 'none';
+    iframe.id = '__dl_iframe__';
+    iframe.src = schemeUrl;
+    document.body.appendChild(iframe);
+
+    // 전환이 없으면 App Store 앱을 직접 오픈 (itms-apps://)
+    timer = window.setTimeout(() => {
+      try {
+        window.location.replace(IOS_STORE_URL_APPS);
+      } catch {
+        // 혹시 itms-apps가 막히면 웹 스토어로 폴백
+        window.location.replace(IOS_STORE_URL_WEB);
+      } finally {
+        cleanup();
+      }
+    }, fallbackDelayMs);
+
+    return;
   }
 
-  timer = window.setTimeout(
-    () => {
-      // 전환 신호 없으면 미설치/차단으로 판단 → 스토어로 이동
-      // replace를 써서 '뒤로 가기' 시 빈 페이지/루프 방지
-      window.location.replace(IOS_STORE_URL);
-      cleanup();
-    },
-    isInApp ? 1200 : fallbackDelayMs
-  ); // 인앱 브라우저는 약간 더 짧게
+  // 기타 환경(데스크톱 등)은 앱 스토어 웹 페이지로
+  window.location.href = IOS_STORE_URL_WEB;
 }
 // === Deep Link: 강화 폴백 유틸 끝 ===