웹뷰 환경 결제 연동 문의
저희 앱에서는 버튼 클릭 시 웹뷰를 열어 웹뷰 내에 "결제하기" 버튼으로 토스페이먼츠 결제 페이지를 로드하고, 결제를 진행합니다. 웹 환경(Chrome 브라우저)에서 테스트했을 때는 결제 완료 후 지정한 successUrl(Web Page)로 정상적으로 리다이렉션됩니다. 하지만 앱 내 웹뷰 환경(안드로이드/iOS)에서 테스트 시, 결제가 완료되자마자 successUrl로 이동하지 않고 웹뷰가 닫혀버리는 현상이 발생하고 있습니다.
웹뷰 환경에서 토스페이먼츠 결제 완료 후 successUrl로 정상 리다이렉션되도록 하려면 추가 설정이 필요한가요?
18 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
앱은 어떤 플랫폼으로 만드셨어요?
flutter rn이런거 쓰셨나요
순수 네이티브 앱으로 만들었습니다.
그러면 웹뷰가 크래시가 나는지, 아니면 successURL 이 차단되는건 아닌지 웹뷰 구현을 확인해 보시기 바랍니다.
successUrl은 어떤 값으로 보내고 계세요?
하나의 웹뷰에서 모든 flow가 진행되는건가요? 아니면 결제창 띄울때 새로온 웹뷰를 띄우나요?
새로운 웹뷰를 띄우는 중 입니다.
결제창을 쓰시는거죠?
결제위젯이 아니라요
successUrl은 어떤 값으로 보내고 계세요?
그 영상으로 한번 줘보시겟어요?
잠시 확인해보겠습니다
다시 확인해보니 결제창을 띄울때 웹뷰가 아닌 위젯을 띄우는 중입니다.
successUrl: window.location.origin + "상대경로"
successUrl은 위와 같이 현재 웹뷰의 도메인 + 상대경로 형태로 구성되어있습니다.
지금 다른 코드 테스트 때문에 영상을 바로 찍기는 어려울 것 같습니다.
네 저는 급하지 않으니 영상 및 영상에 사용된 주문번호 전달해주시면 확인해볼게요
넵 알겠습니다. 감사합니다!
제가 현상에 대해 잘못 전달드렸네요.
결제완료 후 라고 말씀드렸는데 결제 요청을 호출하자마자 은행 앱으로 가지못하고 종료되는 현상이었습니다.
제가 보기엔 URL 스킴 처리를 못해서 종료되는 것으로 보이는데 맞을까요?
다른 이유나 체크사항이 있다면 알려주세요.
웹뷰가 닫히는 영상 공유드립니다.
네이버페이 결제시도 주문번호: MC4zMzI2NDcwMzQ0MDg1
신용카드(현대)결제시도 주문번호: MC43NTUxNTc4OTQxNzU3
카카오페이 결제시도 주문번호: MC44NDIyOTU1MTUwMjI3
웹뷰에서 http/https 제외하고 못열게 처리해두신 것 같습니다.
네이버페이도 네이버앱 자동로그인 말고, 직접 아이디 비번 입력하면 아마 넘어갈거에요
카드사앱 호출할 때 url이 intentURl형태로 (intent://...) 전달되거든요
웹뷰(WebView) 연동하기 | 토스페이먼츠 개발자센터
모바일 웹뷰 결제는 앱투앱(App to App) 이동이 필요한데요. 결제기관의 앱스킴 목록과 OS별 이동 방법을 알아보세요.
아하! 네 답변 감사합니다!
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.