유Promise 방식으로 requsetPayment()를 호출 시 Error 처리가 이상합니다.
안녕하세요. 연동 개발중에 문의 드립니다.
npm SDK 로 위젯 연동하였고 vue에서 구현중입니다.
결제 및 승인 까지는 모두 처리 되는 것을 확인한 코드입니다.
해당 코드에서 Error가 발생했을 때 처리를 확인하기 위해 이미 승인된 결제 번호로 다시 결제를 시도했고
시도 결과 widget에서
"일시적인 오류가 발생했습니다. 이미 승인 및 취소가 진행된 중복된 주문번호 입니다. 다른 주문번호로 진행해주세요."
메세지와 함께 [닫기] 버튼이 표시 되었습니다.
[닫기] 버튼을 클릭 시 Error 반환하는게 아닌 widget 내부에서 toss의 failurl (https://pages.tosspayments.com/error/?...) 로 이동하는 현상을 보입니다.
현재 then() 으로도 catch()로도 빠지지 않고 추가로 [닫기]버튼을 눌러도 동작하지 않고 멈춰 버리는 상황입니다.
확인 부탁드립니다.
== 개발 코드 ==
this.paymentWidget.requestPayment({
orderId: this.paymentData.orderId,
orderName: this.paymentData.orderName,
customerName: this.paymentData.customerName,
customerEmail: this.paymentData.customerEmail
})
.then(res => {
// 성공 시 처리
})
.catch(error => {
// 실패 시 처리
})
npm SDK 로 위젯 연동하였고 vue에서 구현중입니다.
결제 및 승인 까지는 모두 처리 되는 것을 확인한 코드입니다.
해당 코드에서 Error가 발생했을 때 처리를 확인하기 위해 이미 승인된 결제 번호로 다시 결제를 시도했고
시도 결과 widget에서
"일시적인 오류가 발생했습니다. 이미 승인 및 취소가 진행된 중복된 주문번호 입니다. 다른 주문번호로 진행해주세요."
메세지와 함께 [닫기] 버튼이 표시 되었습니다.
[닫기] 버튼을 클릭 시 Error 반환하는게 아닌 widget 내부에서 toss의 failurl (https://pages.tosspayments.com/error/?...) 로 이동하는 현상을 보입니다.
현재 then() 으로도 catch()로도 빠지지 않고 추가로 [닫기]버튼을 눌러도 동작하지 않고 멈춰 버리는 상황입니다.
확인 부탁드립니다.
== 개발 코드 ==
this.paymentWidget.requestPayment({
orderId: this.paymentData.orderId,
orderName: this.paymentData.orderName,
customerName: this.paymentData.customerName,
customerEmail: this.paymentData.customerEmail
})
.then(res => {
// 성공 시 처리
})
.catch(error => {
// 실패 시 처리
})
