결제 위젯 failUrl 문의
카드 한도 초과로 결제가 실패 했는데 failUrl이 호출되지 않고 successUrl로 가는거 같은데 원래 그런건가요?
관련 코드는 아래와 같습니다.
try {
await tossWidgets.requestPayment({
orderId: orderCode,
orderName:
metadata: {
userId: user?.id ?? null,
quantity: amount,
productId: productId,
},
successUrl: window.location.origin + '/shop/success',
failUrl: window.location.origin + '/shop/fail',
});
} catch (e) {
console.error(e);
}
};
return (
<TossModalWrapper visible={display} onClose={onClose}>
<div className="rounded-16 w-full bg-white p-[5px] pb-[20px]">
<div id="payment-method" className="w-full"></div>
<button
id="payment-request-button"
className="rounded-8 mx-auto block w-full max-w-[calc(100%-40px)] border-0 bg-[#3282f6] px-[22px] py-[11px] text-[17px] font-semibold text-[#f9fcff]"
type="button"
onClick={handleTossPay}
>
결제하기
</button>
</div>
</TossModalWrapper>
관련 코드는 아래와 같습니다.
try {
await tossWidgets.requestPayment({
orderId: orderCode,
orderName:
${orderName},metadata: {
userId: user?.id ?? null,
quantity: amount,
productId: productId,
},
successUrl: window.location.origin + '/shop/success',
failUrl: window.location.origin + '/shop/fail',
});
} catch (e) {
console.error(e);
}
};
return (
<TossModalWrapper visible={display} onClose={onClose}>
<div className="rounded-16 w-full bg-white p-[5px] pb-[20px]">
<div id="payment-method" className="w-full"></div>
<button
id="payment-request-button"
className="rounded-8 mx-auto block w-full max-w-[calc(100%-40px)] border-0 bg-[#3282f6] px-[22px] py-[11px] text-[17px] font-semibold text-[#f9fcff]"
type="button"
onClick={handleTossPay}
>
결제하기
</button>
</div>
</TossModalWrapper>
