successUrl 리다이렉트 처리 후 화면 전환
안녕하세요,
현재
frontend : vue 3.0
backend : java 8 환경에서
토스페이먼츠의 카드 결제 연동을 테스트하는 중입니다.
과정 중 결제 성공 시 successUrl 로 리다이렉트 되는 부분까지 구현이 되었는데요,
이후 리다이렉트 url 내에서
1. 결제 승인
2. 내부 주문 로직
위 과정을 수행한 후 다시 화면으로 돌아오는 과정에서 이미지와 같이 출력되는 현상이 발생하는데
이와 같은 경우 해결 방법에 대한 가이드를 받고 싶습니다.
11 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
두번째 페이지는 저희가 제공하는 페이지가 아닙니다. 아마도 API 를 호출하신후 처리하는 페이지 이실것 같은데, 해당 페이지를 직접 확인해 주셔야 합니다.
successURL 에서 결제 승인 API를 호출하시고 결과를 받으신후에 FE 쪽에서 결제 성공 페이지로 이동해 주셔야 할것 같습니다.
아 네 말씀해주신 부분이 맞습니다.
제공해주신 페이지가 아닌게 맞습니다
질문이 정리가 되지 않은 것 같아서
정리해서 다시 말씀드리면,
결제 승인 API 호출 후 받는 리턴 값을 FE에서는 어느 부분에서 처리하는건지 궁금합니다.
결과에 따른 FE 로직을 수행하는 상황입니다.
걸제 승인 API 는 spring에서 호출하시나요?
네 맞습니다
successURL 을 controller url을 통해 맵핑되며 자바 로직에서 결제승인 api가 수행됩니다.
그러면 spring 에서 vue 는 어떻게 호출하시나요?
spring에서 vue를 호출한다는 말씀이 정확히 이해는 되지 않았는데요,
vue <> spring 통신은 axios를 통해 하고 있습니다.
그러면 successURL 을 vue 쪽 으로 지정하신후 vue에서 axios 로 spring URL 을 호출하시고 spring URL 의 응답을 vue에서 받아서 페이지 렌더링을 해주시는게 좋을 것 같습니다.
successURL 을 controller url을 통해 맵핑 하시게 되면 spring 에서 FE 쪽 html 을 렌더링 해주셔야 하구요.
아 네 말씀주신 부분 이해했습니다
해당 부분에 대해 적용 시도해보겠습니다.
답변을 주셔서 감사합니다.
네 감사합니다.
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.