41 replies

iOS 26.2+, React Native Webview(Expo) 상에서 카드결제 시도시 '인증요청 파라메타값 확인 요망' 표시

안녕하세요. 현재 홈페이지를 WebView로 감싸서 배포중에 있습니다.

최근 iOS버전 업데이트 이후에 발생이 추측되는 버그로, 결제 시도시, 카드를 선택하고 결제 시도시 iOS상 에서만 파라메타값 오류(2101) 혹은 인증 오류/세션오류가 계속 표시됩니다. (웹, 안드로이드 앱 상에서는 해당 현상이 발생하고 있지 않습니다.)
또한 퀵 계좌이체/토스페이등 비-카드사 결제 페이지에서는 문제없이 진행되고 있습니다.

현재 메인 패키지들은 다음과 같습니다:
"expo": "~54.0.27",
"@tosspayments/widget-sdk-react-native": "^1.5.1",
"react-native-webview": "13.15.0"

해당 웹뷰는 간략하게 다음과 같이 설정되어있습니다

import { WebView } from "react-native-webview";

const [currentUrl, setCurrentUrl] = useState<string>('https://home-page.url');

const props = {
    source: { uri: currentUrl },
    injectedJavaScriptBeforeContentLoaded: '...',
    injectedJavaScript: '...',
    sharedCookiesEnabled: true,
    contentMode: "mobile",
    thirdPartyCookiesEnabled: true,
    domStorageEnabled: true,
    javaScriptEnabled: true,
    mixedContentMode: "compatibility",
    startInLoadingState: false,
    originWhitelist: ["*"],
    cacheEnabled: true,
    incognito: false,
    useSharedProcessPool: true,
    allowUniversalAccessFromFileURLs: true,
}

return <WebView
    {...props}
/>

import { WebView } from "react-native-webview";

const [currentUrl, setCurrentUrl] = useState<string>('https://home-page.url');

const props = {
    source: { uri: currentUrl },
    injectedJavaScriptBeforeContentLoaded: '...',
    injectedJavaScript: '...',
    sharedCookiesEnabled: true,
    contentMode: "mobile",
    thirdPartyCookiesEnabled: true,
    domStorageEnabled: true,
    javaScriptEnabled: true,
    mixedContentMode: "compatibility",
    startInLoadingState: false,
    originWhitelist: ["*"],
    cacheEnabled: true,
    incognito: false,
    useSharedProcessPool: true,
    allowUniversalAccessFromFileURLs: true,
}

return <WebView
    {...props}
/>

해당 현상이 발생하는 카드사는 다음과 같습니다: 신한, 현대, 삼성, 하나, 토스뱅크, 농협, 비씨, 케이뱅크, 기업, 씨티 등
무한 로딩(같은 현상에 의해 추측됨)이 발생하는 카드사는 다음과 같습니다: 롯데
해당 현상이 발생하지 않는 카드사는 다음과 같습니다: 국민, 우리

import { WebView } from "react-native-webview";

const [currentUrl, setCurrentUrl] = useState<string>('https://home-page.url');

const props = {
    source: { uri: currentUrl },
    injectedJavaScriptBeforeContentLoaded: '...',
    injectedJavaScript: '...',
    sharedCookiesEnabled: true,
    contentMode: "mobile",
    thirdPartyCookiesEnabled: true,
    domStorageEnabled: true,
    javaScriptEnabled: true,
    mixedContentMode: "compatibility",
    startInLoadingState: false,
    originWhitelist: ["*"],
    cacheEnabled: true,
    incognito: false,
    useSharedProcessPool: true,
    allowUniversalAccessFromFileURLs: true,
}

return <WebView
    {...props}
/>

import { WebView } from "react-native-webview";

const [currentUrl, setCurrentUrl] = useState<string>('https://home-page.url');

const props = {
    source: { uri: currentUrl },
    injectedJavaScriptBeforeContentLoaded: '...',
    injectedJavaScript: '...',
    sharedCookiesEnabled: true,
    contentMode: "mobile",
    thirdPartyCookiesEnabled: true,
    domStorageEnabled: true,
    javaScriptEnabled: true,
    mixedContentMode: "compatibility",
    startInLoadingState: false,
    originWhitelist: ["*"],
    cacheEnabled: true,
    incognito: false,
    useSharedProcessPool: true,
    allowUniversalAccessFromFileURLs: true,
}

return <WebView
    {...props}
/>

iOS 26.2+, React Native Webview(Expo) 상에서 카드결제 시도시 '인증요청 파라메타값 확인 요망' 표시

Similar Threads

iOS 26.2+, React Native Webview(Expo) 상에서 카드결제 시도시 '인증요청 파라메타값 확인 요망' 표시

Similar Threads

Similar Threads

Similar Threads