저는 Vue.js / Spring 기반으로 프로젝트를 진행중입니다.
진행 절차
- Spring URL (https://kapi.kakao.com/v1/payment/ready)호출 -> Response 를 Vue 로 전달
- window.open(next_redirect_pc_url) 으로 결제창을 띄움
문제점
1)에서 Parameter 로 보냈던 “approval_url = http://localhost:8080/payready” 이 문제가 됩니다.
결제가 끝난 후 새로운 창이 뜹니다. 또한 기존의 페이지는 그대로 남아 있습니다.
vue는 원페이지 (즉, 하나의 페이지에서 이동함) 입니다. 그래서 원래기존창 + 결제창 + 결제승인 후 승인창은 허용되지 않습니다.