iframe 결제창 결과처리

PC 환경에서 일어나는 대부분의 결제는 request_pay() 함수의 두번째 인자인 callback 함수를 통해 결제 결과 수신이 가능합니다.

아래 예제 코드는 결제창 형태가 iframe 으로 활성화되는 대부분의 PC 환경에서의 결제요청에 대한 응답을 처리하는 부분입니다.

IMP.request_pay(
  {
    /** 요청 객체를 추가해주세요 */
  },
  (rsp) => {
    if (rsp.success) {
      // axios로 HTTP 요청
      axios({
        url: "{서버의 결제 정보를 받는 endpoint}",
        method: "post",
        headers: { "Content-Type": "application/json" },
        data: {
          imp_uid: rsp.imp_uid,
          merchant_uid: rsp.merchant_uid,
        },
      }).then((data) => {
        // 서버 결제 API 성공시 로직
      });
    } else {
      alert(`결제에 실패하였습니다. 에러 내용: ${rsp.error_msg}`);
    }
  },
);

결제가 완료되면 반환되는 응답 객체(rsp)의 결제 성공 여부에 따라 처리 로직을 callback 함수에 작성합니다. 요청이 성공했을 경우에 결제번호(imp_uid)와 주문번호(merchant_uid)를 서버에 전달하는 로직을 위와 같이 작성합니다.