react native
RN expo 환경에서 webview 활용하여 토스페이먼츠 android 에서 띄웠습니다. 결제UI도 관리자 페이지에서 핸들링하여 수정도 할 수 있습니다.
하지만 몇가지 이슈가 있습니다.
- 네이버페이, 퀵 계좌이체, 가상계좌이체는 정상 작동합니다.
- 카카오페이, 토스페이, 신용카드 체크카드 결제는 작동하지 않습니다.
카카오페이와 토스페이는
https://docs.tosspayments.com/guides/v2/webview
여기 웹뷰 가이드 참고하여
커스텀 스킴으로 앱까지 갔고! 결제까지 갔습니다. 그런데!?
결제가 완료됐으니 앱으로 돌아가세요. 라고 하는데
1. 여기서 실제로 결제는 발생하지 않았습니다.
2. 확인 후 어떻게 결제 정보를 받아오는지(?) 궁금합니다.
참고 사항
1. 키 문제는 아닙니다. 다른건 결제 잘 돼요~!
2. 웹에서는 모든 결제방식 다 작동합니다.
감사합니다.
웹뷰(WebView) 연동하기 | 토스페이먼츠 개발자센터
모바일 웹뷰 결제는 앱투앱(App to App) 이동이 필요한데요. 결제기관의 앱스킴 목록과 OS별 이동 방법을 알아보세요.
11 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
앱으로 돌아가서
승인API 호출하셨나요?
v1/payments/confirm입니다.
잠시만요 확인해보겠습니다
코드를 저희가 봐드리진 않아요
승인API를 호출했는지 확인해주세요
딥링크를 통해서 열었는데, 승인 API 를 직접 호출해야 하나요?
네이버 페이랑, 퀵 계좌이체는 호출 없이 되더라구요!
딥링크 -> 카카오페이 -> 결제 완료 (문구만 나옴) -> 실제로는 결제가 안 돼서 추가적인 등록이 필요한지 궁금합니다
카카오페이 결제완료 이후, 앱으로 돌아갔나요?
넵 앱으로 돌아갑니다
아니면 카카오페이 화면에 남아있었나요
앱으로 돌아갔을 때 화면은 뭔가요
'주문중이던 앱/웹브라우저로 이동하면 결제가 완료됩니다' 라고 나와서 확이 ㄴ누르면 이전 앱으로 돌아오는데,
UNKNOWN_URL_SCHEME 페이지가 나옵니다.. 여기서 핸들링 하면 되겠군요!?
감사합니다
네이버페이/카카오페이가 잘되는건 외부앱으로 이동하지 않아서에요
그러니까 웹뷰 안에서 페이지가 쭉쭉 바뀌면서 successUrl까지 갔겠죠
successUrl에서 승인API를 호출하는 로직까지 도달하셔서, 결제가 실제 났을거고요
지금 외부앱으로 나갔다가, 다시 앱으로 돌아온 후에는 successURl까지 못가고 있는 것으로 보여요 . 그원인을 찾아보시면 될 것 같습니다.
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.