토스 위젯과, daum-post-code를 같이 연동을 하면 이슈 발생
https://techchat.tosspayments.com/m/1280094225374908498 해당 이슈가 저한테도 동일하게 발생합니다.
주소를 검색하기 전에 toss위젯을 숨기면 정상적으로 주소가 검색되지만 주소를 수정할때엔 toss 위젯이 이미 등록되서 에러가 발생합니다.
주소 검색 유무에 따라서 위젯을 조건부 렌더링을 해도 위젯이 이미 등록되었기 때문에 해결되지 않습니다.
[환경]
1. react-native 0.71 에서 0.76으로 업그레이드 하면서 이슈가 발생했습니다.
2. react-native 0.76에서 react-native-webview 버전이 13.10.5 버전으로 높혀야해서 webview 버전도 수정되었습니다. (이전에는 13.5.X)
토스 위젯과, daum-post-code를 같이 연동을 하면 이슈...
post-code에서 주소검색을 하고 난 뒤
"Widget에 undefined 을 구현해주세요." 라는 팝업이 나오는 현상이 발견되었습니다.
7 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
[관련 의심 이슈]
Toss SDK 자체가 WebView 기반으로 동작하며, postMessage와 onMessage를 통해
iOS/Android와 통신(React Native 브리지)합니다.
React Native WebView(공식 라이브러리)도 동일한 onMessage/postMessage 구조를 쓰는데,
Toss SDK가 이를 전역 범위로 오버라이드할 가능성이 있습니다.
RN 0.76 환경에서 웹뷰와 플러그인들이 공존할 때, 브릿지 중복 등록/오버라이딩이 생기면
나중에 로드된 라이브러리가 이전 설정을 덮어써서
다른 WebView의 메시지 콜백이 아예 먹통이 되거나 충돌 에러가 납니다.
RN에서 토스연동을 하고 있는중 웹뷰 관련 문의드...
현재 상황은 V1 결제 위젯을 연동해놓은 상태입니다.
안드로이드에서 다른 웹뷰에 들어가야할 이벤트가 토스 웹뷰쪽으로 들어가고 있는데
관련해서 해결책이 있을까요?
현재 tosspayments-react-native-webview 가 기존 react-native-webview의 이벤트를 가로채고 있습니다.
그래서 프로젝트의 react-native-webview를 제거하고 모든 웹뷰를 tosspayments-react-native-webview로 교체했습니다.
tosspayments-react-native-webview만을 사용해야하는 것도 말도안되는 상황인데 왜 버그픽스가 이루어지고 있지 않는거죠?
[환경]
react-native: 0.76.7
tosspayments-react-native-webview: 1.0.1
@tosspayments/widget-sdk-react-native: 1.4.0
네 이건 개선 예정입니다. 다만 react-native-webvieew만을 사용할 경우, sdk자체가 webview lib의 의존성을 가지는 이슈가 있습니다. (react나 webview lib 올라갈 때마다 sdk도 같이 올려야함) 이에 별도 lib로 조치된 내용이며 현재 개선 예정인점도 참고바랍니다.
넵 개선될때 공유해주시면 감사하겠습니다.
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.