Vuejs 카카오페이

vue 에서 카카오페이를 사용하려고 합니다.
현재 /v1/payment/ready로 요청 까지는 완료하였는데 이후 승인 api를 사용하려고 보니 어느 위치에서 사용해야하는지 감이 안와서요

/v1/payment/ready에서 요청한 approval_url이 있는 주소에서 승인api를 바로 호출하면 되는 것인지 알 수 있을까요?

안녕하세요. 카카오페이입니다.

결제 flow는 간단하게 아래와 같습니다.

  1. 사용자는 가맹점의 홈페이지를 통해 pc/모바일로 상품선택 후, 결제버튼클릭
  2. 결제버튼 클릭시 가맹점->카카오페이 ready 요청
  3. ready 로 응답된 여러 url 중, pc/모바일/앱 서비스에 맞게 오픈
    ㄴ pc는 qr 또는 tms 팝업이 오픈
    ㄴ 모바일/앱은 카카오톡->페이로 전환되는 브릿지가 오픈됨
  4. 3번을 통해 오픈된 정보로 카카오페이 결제수단 선택화면으로 이동
  5. 결제수단선택 및 인증완료
  6. 사용자 인증완료 후, approval_url 가맹점페이지로 redirect 진행
    ㄴ 3번에서 오픈된 pc의 팝업, 모바일/앱의 브릿지페이지가 가맹점의 approval_url + pg_token 과 함께 redirect 됨.
  7. 가맹점의 approval_url 이기때문에, 내부에서 저장하시거나 검증하실거 하신후,
    결제승인요청(approve) 요청진행 . 가맹점->카카오페이
  8. 7번의 approve 요청에 대한 승인응답 제공을 수신하신후 가맹점의 최종처리를 진행(정상승인 또는 거절에 대한 페이지로 전환)

위와같은 결제흐름으로 이해하시면될듯합니다.
궁금하신부분은 문의주시기 바랍니다.

감사합니다.