브랜드페이 카드목록 지정하여 결제요청하기
브랜드페이 API 연동하여 카드목록을 사용자화면에 보여주고 있습니다. 클릭시 해당 카드를 지정하여 결제처리를 하고 싶은데 관련된 API 및 방법이 없는것 같습니다.
위 사항 확인부탁드리겠습니다.
감사합니다.
13 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
카드목록을 어떻게 보여주고 있다는 것인지 스크린샷 공유 부탁 드려요.
브랜드페이 SDK 를 사용하고 계시는지도 확인부탁드릴께요.
https://api.tosspayments.com/v1/brandpay/payments/methods/{고객키}
통해서 가져오는 목록입니다.
결제창 호출하실때 어떻게 호출하시는지 알려주세요.
requestpayment 를 호출하실때 methodid 를 보내주시면 됩니다.
브랜드페이 SDK v1, v2 중에 어떤것 쓰시나요?
async function requestPayment(value, orderId, orderName, customerEmail, customerName) {
try {
await brandpay.requestPayment({ amount: {currency: "KRW",value: value,}, orderId: orderId,orderName: orderName, successUrl: window.location.origin +
} catch (e) { alert('결제에 실패하였습니다'); location.reload(); }
} 아래와 같이 실행하여 결제처리합니다. 위는 실행시 공통의 브랜드페이 UI가 노출되는걸로 판단되구요. 여러카드가 등록되어있을 경우 해당 카드를 지정하여 결제처리르 하고 싶은겁니다. 현재 카드 자체에는 아무것도 안결려 있습니다. <script src="https://js.tosspayments.com/v2/standard"></script> sdkv2 로 예상됩니다.
try {
await brandpay.requestPayment({ amount: {currency: "KRW",value: value,}, orderId: orderId,orderName: orderName, successUrl: window.location.origin +
/brandpay/receive?customerKey=+customerKey, // 결제 요청이 성공하면 리다이렉트되는 URL
failUrl: window.location.origin + "/brandpay/fail", // 결제 요청이 실패하면 리다이렉트되는 URL
customerEmail: customerEmail,customerName: customerName
});
} catch (e) { alert('결제에 실패하였습니다'); location.reload(); }
} 아래와 같이 실행하여 결제처리합니다. 위는 실행시 공통의 브랜드페이 UI가 노출되는걸로 판단되구요. 여러카드가 등록되어있을 경우 해당 카드를 지정하여 결제처리르 하고 싶은겁니다. 현재 카드 자체에는 아무것도 안결려 있습니다. <script src="https://js.tosspayments.com/v2/standard"></script> sdkv2 로 예상됩니다.
@김김김 님 SDKv2는 브랜드페이를 위젯 기반으로 사용하도록 안내하고 있기 때문에 해당 파라메터를 제공하고 있지 않은데요.
브랜드페이를 직접 구현하시는 경우는 SDKv1으로 사용해 주셔야 합니다.
https://docs.tosspayments.com/sdk/brandpay-js#requestpayment%EA%B2%B0%EC%A0%9C-%EC%A0%95%EB%B3%B4
methodId를 파라메터에 추가하여 결제 요청할 수 있습니다.
브랜드페이 JavaScript SDK(Version 1) | 토스페이먼츠 개...
브랜드페이 JavaScript SDK를 추가하고 메서드를 사용하는 방법을 알아봅니다.
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.
v1, v2 혼용해서 사용가능한가요?
아니요 혼용은 불가합니다
변경시에는 이미 작업된 결제요청, 결제응답 쪽 프로그ㅐㄻ도 다시 작업해야하는건가요? v2에서 파라미터 인자로 추가는 어려운상환인건지..
v1으로 변경시 취소, 환불 로직도 전부 변경해야하나요?
v1 더 이상 지원안한다고 되어있어 v2로 작업한것인데.. v2 결제요청시 카드식별값과 개월수 보내는것이 처리가 어려울까요?
결제 응답 취소 환불 로직은 API 방식이라서 변경하지 않으셔도 됩니다.
v2 결제요청시 카드식별값과 개월수 보내는것이 처리가 어려울까요?이부분은 시간이 걸릴것 같습니다. 오픈까지 시간이 있으시다면 기다려 주셔도 될것 같습니다. 논의 시작해 보도록 하겠습니다.
requestPayments에 MethodId파라미터 추가되었습니다.