iamport-react-native icon indicating copy to clipboard operation
iamport-react-native copied to clipboard

웹앱형태에서도 사용이 가능한가요?

Open hikarubs opened this issue 2 years ago • 9 comments

저희는 모바일용사이트가 따로 있고 그사이트를

웹뷰에 호출하는 형태로 운영되는 앱이 있는데요

이런경우에도 결제서비스 연동이 사용가능할까요?

hikarubs avatar Oct 28 '21 07:10 hikarubs

안녕하세요, 아임포트 기술지원팀입니다.

해당 케이스를 위한 예제가 exampleForWebView입니다. 웹앱에서 네이티브 코드로의 postMessage 과정에 신경써주시면 되겠습니다.

anymate98 avatar Oct 28 '21 09:10 anymate98

@anymate98 https://github.com/iamport/iamport-react-native/blob/master/exampleForWebView/manuals/CERTIFICATION.md 이 과정을 하지 않고도 웹뷰앱에서 본인 인증이 문제 없이 잘 되던데, 문제 없는건가요..?

tkmin avatar Jan 11 '22 07:01 tkmin

@tkmin 링크의 설정들 중 어떤 것을 생략하셨는지는 알 수 있을까요? 우선 redirect url은 필수는 아니고 결과적으로 본인인증에 따른 결과의 콜백만 정상적으로 왔다면 본인인증이 완료된 것임을 알려드립니다.

anymate98 avatar Jan 11 '22 07:01 anymate98

@anymate98 저 과정 모두 생략 했습니다!

tkmin avatar Jan 11 '22 08:01 tkmin

@tkmin 웹뷰모드에서 가장 중요한 설정은 postMessage입니다. 웹뷰에서 날라오는 본인인증 요청을 받아야 시작을 할 수 있기 때문입니다. postMessage를 사용 안하셨다면 어떻게 요청을 웹뷰에서 앱 코드로 전송하는지 그 과정이 궁금하네요.

anymate98 avatar Jan 11 '22 08:01 anymate98

@anymate98 답변 감사합니다!

휴대폰 번호 입력하면 문자가 오거나 휴대폰의 패스 앱 인증 요청이 오는데요, 제가 백엔드 쪽을 잘 몰라서요, 웹뷰앱에서 이렇게 잘 뜨고, 인증도 성공 됩니다!

KakaoTalk_Photo_2022-01-11-18-10-44

tkmin avatar Jan 11 '22 09:01 tkmin

@tkmin 그래서 제가 알고 싶은 것은 저 본인인증창이 앱의 어느 부분에서 띄워졌는가입니다. 현재의 설명으로는 웹뷰 안에서 IMP.certification을 호출한 것인지, 웹뷰 바깥(앱)에서 <IMP.Certification />을 호출한 것인지 불분명합니다.

anymate98 avatar Jan 11 '22 09:01 anymate98

@anymate98 아~ 전자가 맞습니다! RN웹뷰앱에서는 따로 호출을 안하고 있어요!

tkmin avatar Jan 11 '22 09:01 tkmin

@tkmin 네 그럼 정상적으로 본인인증 되는 것이 맞으며 사실 이 라이브러리를 사용하실 이유도 없습니다. 다만 안드로이드의 경우 PASS 앱을 띄울 때 문제가 생길 수 있습니다. react-native-webview를 사용하실 것 같은데 만약 intent url을 마주하실 경우 직접 처리해주시는 로직이 필요하겠습니다.

anymate98 avatar Jan 11 '22 09:01 anymate98