React Native ios nice 인증 오류

Question

안녕하세요.리액트 네이티브 WebView 활용해서 Nice인증 진행하는 중 문제가 생겨 여쭤보게 되었습니다.현재 본인인증 절차는 jsp에서 window.open 으로 팝업창을 생성하여 나이스 인증을 호출하는 방식이고Android 환경에서는 본인인증 팝업창이 잘 나타나며 문제가 없으나IOS 환경에서는 본인인증 팝업창을 호출하면 빈 화면(흰 페이지)만 나타납니다.window.open 으로 팝업창을 생성하는 과정에 문제가 있는 것 까지는 확인이 되었으나, Nice측에서 iframe 방식 등 팝업을 띄우지 않고 처리하는 방법을 막아놓은 것으로 확인하여 골치아픈 상황입니다.혹시 비슷한 문제를 해결하셨던 분들이 계시면 알려주시면 감사하겟습니다.현재 시도해본 과정IOS safari 팝업 허용 및 기타 허용 필요부분 모두 허용window.open후 target으로 submit하는 대신window.open시 임시 페이지를 팝업창에 띄우고 그 페이지에서 나이스페이지를 submit하는 방식 (공식 Nice 모바일 개발 관련 공통 안내사항.docx 기준)a 태그에 onclick 속성을 두어 팝업 호출WebView가 아닌 브라우저로 연결하여 로그인(인증 부분은 문제없이 동작하나, 모바일 WebView가 아니므로 세션이 불일치하여 결과 출력 실패)=============JSP============== =============React Native============== (모든 기능 문제 없음. 안드로이드 정상 작동 확인)return ( { return onShouldStartLoadWithRequest(event); }} onNavigationStateChange={event => { return onShouldStartLoadWithRequest(event); }} javaScriptEnabled={true} injectedJavaScript="document.body.scrollHeight;" javaScriptCanOpenWindowsAutomatically={true} setSupportMultipleWindows={false} onMessage={async event => { console.log(event); handleOnMessage(event.nativeEvent.data); }} //useWebKit={true} onLoad={onLoadMessage} ref={webviewRef} /> );

asddaaa · Accepted Answer

저같은 경우는 본인인증 ->webview 에서 source를 나이스양식 html로 띄우고 form 양식에 필요한 api호출후 응답값으로 submit하는 방식으로 했습니다.

김장비 · Answer

완전히 똑같은 문제를 직면했는데, 혹 해결하셨을까요? ㅜㅜ

dev_r1ck · Answer

백엔드 : Spring boot프론트(모바일앱) : react-nativePASS인증 기능에 대해 boot에서 구현을 하고있습니다.선생님의 글을 보고 모바일 웹뷰 팝업을 띄우는데까진 성공했습니다.인증이 완료되면 값에 대해서 boot에서 모바일앱(react-native) 가 받을 수 있는 방법이 있을까요 ??

React Native ios nice 인증 오류

3개의 답변

Q&A 목록