결제위젯 & 뱅크페이로 테스트 완료 후 성공url 로 돌아가지 않는 현상
결제위젯으로 계좌이체(=뱅크페이)로 테스트 시 widgets.requestPayment로 전달한 successUrl, failUrl 로 이동하지 않는 현상을 발견했습니다.
다른 결제방법(카드, 간편페이) 는 successUrl, failUrl 로 정상 이동합니다.
확인부탁드립니다.
26 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
successUrl, failUrl 로 이동하지 않은 거래의 orderId 알려주세요
또한 어떤 오류가 나고 이동이 안된건지 증상 영상이 있으면 더 좋겠습니다.
웹뷰 환경에서 결제위젯으로 뱅크페이를 진행하였습니다.
- 뱅크페이에서 인증완료 후 모바일브라우저로 이동하고 있습니다.
- 웹뷰로 직접 이동 후 정상 프로세스 진행됩니다.
뱅크페이에서 인증완료 후 앱으로 이동되지 않는게 문제인 것 같습니다.
참고로 모바일웹에서는 정상 동작하는 것을 확인했습니다.
뱅크페이 문제인 걸까요?
https://docs.tosspayments.com/guides/v2/webview
위 페이지에서 이 내용 확인한번 해보세요
웹뷰(WebView) 연동하기 | 토스페이먼츠 개발자센터
모바일 웹뷰 결제는 앱투앱(App to App) 이동이 필요한데요. 결제기관의 앱스킴 목록과 OS별 이동 방법을 알아보세요.
위 현상은 ios 웹뷰 내에서만 발생하고 있어요.
앱스킴은 설정되어 있고, 뱅크페이로 정상적으로 이동하고 있습니다.
뱅크페이에서 인증완료 후 return url 로 돌아오지 않고 앱에 브라우저로 이동하고 있습니다.
해당 현상 발생한 주문번호와 MID 알려주실수 있을까요ㅛ?
mid adochjg6h6
orderId 01K58SC3NYBT08XSESW3Z9JWYS
입니다!
해당 주문건 보면 appScheme 값을 안보내주셨어요.
저희 앱스킴을 말씀하시는거죠?
네 뱅크페이 앱에서 결제후에 이동할 앱스킴을 보내주셔야 해요.
앱스킴을 안보내셔서 브라우저로 이동했습니다.
제가 이해가 잘 되지 않는 부분이,
requestPayment 로 성공, 실패 url 만 보내고 있고, 저희 앱스킴은 보내지 않는데, ios 웹뷰에서 다른 금융사는 저희 앱으로 리턴하고, 뱅크페이만 리턴되지 않는 부분입니다. 안드로이드 웹뷰는 모두 리턴하고 있어요. 그럼 웹뷰일때는 저희 앱스킴을 넣어서어 보내야하는 걸까요? 그럼 지금까지 저희 앱스킴을 넣지 않았는데, 리턴되는 이유는 뭔지 알려주실 수 있을까요?
requestPayment 로 성공, 실패 url 만 보내고 있고, 저희 앱스킴은 보내지 않는데, ios 웹뷰에서 다른 금융사는 저희 앱으로 리턴하고, 뱅크페이만 리턴되지 않는 부분입니다. 안드로이드 웹뷰는 모두 리턴하고 있어요. 그럼 웹뷰일때는 저희 앱스킴을 넣어서어 보내야하는 걸까요? 그럼 지금까지 저희 앱스킴을 넣지 않았는데, 리턴되는 이유는 뭔지 알려주실 수 있을까요?
카드사 앱마다 구현이 달라서 그렇습니다. 어떤 곳들은 이전에 떠있던 앱으로 돌려보내고, 어떤 곳들은 저희가 넘긴값으로 보내고 있어요.
ios 웹뷰에서 다른 금융사는 저희 앱으로 리턴 한다고 하셨는데 아마 자동으로 넘어가는 카드사는 일부일거고 수동으로 넘기실거에요.
설명 감사드립니다!
그럼 안드와 ios가 리턴 동작이 다른건,뱅크페이의 안드와 ios가 다르게 구현되어있기 때문이라고 이해해도 될까요?
네 맞습니다
업체마다도 다르고, 운영체제마다도 구현이 달라서그래요
저희가 앱스킴을 보내지 않는데, 안드가 리턴되는건 안드 뱅크페이가 시스템으로 이동시킨다고 봐야겠네요
네네 안드는 앱스킴 없이도 잘 동작해요 다들
냥과장님이 말씀해주신대로 ios 뱅크페이를 위해 appScheme을 보내려면 어떻게 해야하나요?
문서에는 페이북/ISP 를 위해 requestPayment card appScheme을 받으셔서, 여쭤봅니다.
requestpayments 호출하실때 appScheme 이라는 파라미터에 돌아갈 앱의 스킴을 보내주시면 됩니다.
requestPayment({appScheme: "testapp://" ... }) 는 없는 속성이어서, card 객체 내 appScheme에 넣었더니 되네요...
페이북/ISP 사용시에만 넣어야하는지 알았네요.
답변 감사드립니다
card 객체 내 appScheme 보냈을때.. 아래와 같은 상황이 생기네요...
[ios 웹뷰] 뱅크페이에서 저희 앱으로 리턴됨
[ios 모바일웹(사파리)] 모웹으로 리턴 x / 저희 앱으로 리턴됨
card 객체 내 appScheme을 보내지 않았을때,
[ios 웹뷰] 뱅크페이에서 저희 앱으로 리턴 x
[ios 모바일웹(사파리)] 모웹으로 리턴됨 / 저희 앱으로 리턴x
확인부탁드립니다..
웹뷰일때만 해당 파라미터를 보내도록 처리해주세요
네 웹뷰일때만 앱스킴 보내니 해결되었습니다.
근데 이렇게 해결되는게 조금 찝찝합니다...
혹시 상점 앱스킴을 위해 파라미터가 변경될 가능성이 있을까요?
파라미터가 변경되지 않는다면, 문서에라도 반영되면 좋을 것 같습니다.
혹시변경되더라도 하위호환성 유지는 될 예정입니다.
원래 카드만 사용하던 것이라 이렇게 카드쪽에 있습니다.
안녕하세요, 해당 건으로 앱스킴을 추가한 뒤,
card: { appScheme: isWebview ? 앱스킴 : undefined }
안드로이드 웹뷰에서 토스페이(카드, 계좌이체) 성공, 실패 리다이렉트가 앱스킴 진입점으로 이동하는 현상을 발견했습니다. 나머지 금융사들은 정상 이동하였어요.
그래서 웹뷰이고 ios일때만 앱스킴을 추가하여서 문제는 해결했습니다.
card: { appScheme: isWebview && isIOS ? 앱스킴 : undefined },
근데 이렇게 해결했는데, 사이드 이펙트 여부가 있을까요?
그렇게 해결하셨으면 이슈 없을것 같습니다.