brandpay.requestPayment
<script setup lang="ts">
import { loadTossPayments } from "@tosspayments/tosspayments-sdk"
const tossPayments = await loadTossPayments(tossBrandPayClientKey);
const brandpay = tossPayments.brandpay({
customerKey: mbId.value,
redirectUrl: window.location.origin + "/bridge/toss/brand-pay-auth", // 흐름상 auth가 맞음
});
onMounted(() => {
brandpay.requestPayment({
amount: {
currency: 'KRW',
value: req_price,
},
orderId: od_id,
orderName: product_name,
successUrl: window.location.origin + '/bridge/toss/brand-pay-success',
failUrl: window.location.origin + '/bridge/toss/brand-pay-fail',
customerEmail: email.value,
customerName: name.value,
// methodId: , // 결제수단의 ID - [https://docs.tosspayments.com/reference/brandpay#secretkey로-결제수단-조회]의 카드 정보
})
})
</script><script setup lang="ts">
import { loadTossPayments } from "@tosspayments/tosspayments-sdk"
const tossPayments = await loadTossPayments(tossBrandPayClientKey);
const brandpay = tossPayments.brandpay({
customerKey: mbId.value,
redirectUrl: window.location.origin + "/bridge/toss/brand-pay-auth", // 흐름상 auth가 맞음
});
onMounted(() => {
brandpay.requestPayment({
amount: {
currency: 'KRW',
value: req_price,
},
orderId: od_id,
orderName: product_name,
successUrl: window.location.origin + '/bridge/toss/brand-pay-success',
failUrl: window.location.origin + '/bridge/toss/brand-pay-fail',
customerEmail: email.value,
customerName: name.value,
// methodId: , // 결제수단의 ID - [https://docs.tosspayments.com/reference/brandpay#secretkey로-결제수단-조회]의 카드 정보
})
})
</script>redirectUrl, successUrl, failUrl 해당 url위치의 페이지는 생성해 두었습니다.
처음 요청시에는 카드정보를 입력하는 창이 나왔었습니다. 그 후 카드정보를 입력했습니다. 그 뒤에 사진과 같은 타임아웃으로 오류가 나타나고 있고, 재 요청시에 카드정보창은 나오지 않고 해당 화면으로 이동합니다.
