모바일 결제 successUrl 에서 뒤로가기
테스트환경: iOS 모바일 chrome
저희 프로덕트 결제 플로우가 다음과 같습니다.
상품화면 -> 모달에서 결제 -> 결제 완료화면(successUrl) -> ((라우팅시 replace 적용))-> *상품화면
결제성공후 최종 *상품화면에서 크롬브라우저 뒤로가기를 누르면, 토스페이먼츠페이지(사진첨부)로 이동합니다.
이때 닫기버튼을 눌러도 반응이 없네요.
정상적으로 동작한다면 닫기 버튼을 누르면 어디로 이동하도록 설계되어있을까요?
12 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
우선 뒤로가기로 이동하는 건 정상적인 상황이 아닙니다.
사용자가 뒤로가기를 하는 경우도 있어서 대응이 필요하다고 생각했는데, 원래는 저 닫기 버튼을 누르면 어떻게 동작하도록 되어있나요?
우선 현상을 동영상으로 한번 올려주실 수 있을까요?
결제창 띄우는 쪽부터 확인하고자 합니다~!
결제창 성공후 결과화면에(successUrl) 있는 이전페이지로 이동은 유저가 뒤로가기 누르기 전에 머물러있던 앞 페이지로 동작하는 버튼입니다. (forward)
영상에서는 크롬브라우저의 뒤로가기만 사용했습니다
간편페이결제 -> 완료화면-> 채팅화면 -> (뒤로가기) - 완료화면 -> (뒤로가기) -> 토스페이먼츠 버튼없는 화면 -> (뒤로가기) -> alert -> (뒤로가기) -> 토스페이먼츠 버튼있는 화면, 버튼 클릭시 애니메이션만 동작, 다른 액션이 없음
저도 유저가 결제를 완료하고 나서 뒤로 이동하는 건 엣지케이스에 해당한다고 생각하는데 이게 iOS 와 안드로이드에서 다르게 동작하는 이슈가 있어서 범용적으로 대응할 수 있는 부분을 고려하게 되었습니다.
안드로이드에서는 채팅화면 -> 완료화면 -> 토스페이먼츠가 뜨지않고 초기 결제를 유도하는 화면이 뜨는데 이건 저희 내부적인 이슈일 확률도 있습니다.
결과화면에서 뒤로가기를 클릭할 때 다른 화면으로 이동하거나 다시 현재 화면으로 돌아오는 대안도 고려했는데, 이상하게 결과완료화면에서 뒤로가기 이벤트가 감지되지 않더라구요. 😣
우선 iOS 환경에서 토스페이먼츠에서 버튼을 클릭했을때 채팅화면으로 돌아올 수 있도록 하는 방법이 있는지 궁금합니다!
ios/andoird 각 브라우저의 세션 유지 하는 방법이 달라서 발생하는 차이로 예상됩니다.
뒤로가기 이벤트 감지하는 방법은 브라우저마다 엣지 케이스가 많아 통제하기 어렵습니다.
이부분은 카드사 창으로 이동하게 되기 때문에 어쩔 수 없이 겪는 문제로 이해해주시면 될 것 같아요.
닫기버튼이 동작하지 않는 부분은 저희도 내부적으로 이상없는지 확인해보겠습니다.
넵 답변 감사합니다!
감사합니다.
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.