Toss payments 개발자 커뮤니티Tp개커Toss payments 개발자 커뮤니티
Powered by
ragyun.R
Toss payments 개발자 커뮤니티•10mo ago•
103 replies
ragyun.

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위치의 페이지는 생성해 두었습니다.

처음 요청시에는 카드정보를 입력하는 창이 나왔었습니다. 그 후 카드정보를 입력했습니다. 그 뒤에 사진과 같은 타임아웃으로 오류가 나타나고 있고, 재 요청시에 카드정보창은 나오지 않고 해당 화면으로 이동합니다.
image.png
Toss payments 개발자 커뮤니티 banner
Toss payments 개발자 커뮤니티Join
Toss payments 개발자 커뮤니티입니다. 결제 연동하며 겪는 기술 문의부터, 결제 시장에 대한 다양한 정보까지 얻어가세요~
15,588Members
Resources

Similar Threads

Was this page helpful?
Recent Announcements
Next page

Similar Threads

Paypal requestPayment 질문드립니다
김굴국밥김김굴국밥 / ❓┃연동개발-문의
11mo ago
requestPayment 메소드 파라미터
새발자새새발자 / ❓┃연동개발-문의
2y ago
TossPayments.requestPayment() 문의
ssaragibyeol.Sssaragibyeol. / ❓┃연동개발-문의
3y ago
브랜드페이 requestPayment 관련
mintMmint / ❓┃연동개발-문의
3y ago