브랜드페이 SDK 카드 등록 관련 문의입니다.
안녕하세요.
브랜드페이 SDK로 카드 등록 / 삭제 / 해지 상태를 웹훅으로 받아 데이터를 관리하고 결제처리는 API를 사용해서 자동 결제 서비스를 개발중인데요. 혹시 등록 가능한 결제 카드 갯수를 1개로 제한할 수 있는 방법이 있나요?
25 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
카드가 1개 등록되면, 카드등록하는 진입점을 안보여주시면 될 것 같네요
위젯을 사용하지 마시고요
@이실장 답변주신 내용으로 생각해본다면 SDK를 사용하지말고 API로만 전체 서비스 개발을 진행하고 UI도 직접 구현해야하는거죠?
sdk는 사용 가능합니다.
지금 v1쓰세요 v2쓰세요?
넵그럼 결제위젯 쪽 말고 아래만 사용해주시는 방법입니다.
https://docs.tosspayments.com/sdk/v2/js#브랜드페이
토스페이먼츠 JavaScript SDK | 토스페이먼츠 개발자센터
토스페이먼츠 JavaScript SDK를 추가하고 메서드를 사용하는 방법을 알아봅니다.
이것으로도 카드 등록 UI 가 있을거라 말씀하시는대로 API로만 카드 보여주는 UI 를 구성하셔야 할것 같네요.
mid가 어떻게되시죠?
@이실장 cp_dtpiarrc6w 입니다
구현하시려는 기능 오픈일정은 어떻게되세요?
4월 28일입니다
잠시만요!
넵
아 문제 없네요.
- api 활용해서 결제수단 선택 ui 구축 (https://docs.tosspayments.com/reference/brandpay#secretkey로-결제수단-조회)
- 등록된 카드가 없을 때만 카드 등록하기 진입점 노출(https://docs.tosspayments.com/sdk/v2/js#brandpayaddpaymentmethod)
브랜드페이 API | 토스페이먼츠 개발자센터
브랜드페이에서 제공하는 API 엔드포인트(Endpoint)와 객체 정보, 파라미터, 요청 및 응답 예제를 살펴보세요.
토스페이먼츠 JavaScript SDK | 토스페이먼츠 개발자센터
토스페이먼츠 JavaScript SDK를 추가하고 메서드를 사용하는 방법을 알아봅니다.
이렇게 2개 활용하시면 될 것 같습니다.
이 방향으로 간다면 SDK로 현재 위젯을 사용하는 것 처럼 카드 등록 / 삭제 / 해지 는 제공되는 UI를 사용할 수 있으며 카드가 등록되어 있을 경우에도 등록하는 UI 및 기능을 빼고 나머지 UI는 그대로 사용가능하다는 말씀이시죠? api 활용해서 결제수단 선택 ui 구축이라고 하셔서 조금 헷갈려서 여쭤봅니다 @이실장
위젯은 결제수단 추가하는 버튼이 자동으로 들어갑니다.
그래서 위젯으로 결제수단을 보여주시면 안되고 카드 등록 / 삭제 / 해지 도 SDK로 사용하시면 안될거에요.
삭제페이지에서 등록가능한 퍼널이 있습니다.
삭제페이지에서 등록가능한 퍼널이란 의미를 잘 모르겠습니다. 어디 문서를 참고하면 될까요?
이 말씀은 SDK를 사용해서 제공되는 UI를 그대로 사용하고자 한다면 제한할 수 있는 방법은 없다는 의미일까요?
네 맞습니다.
이게 저희 결제수단 관리하는 화면인데요

여기에서 삭제 등록이 모두 가능하게 되어 있어요.
답변주신 내용으로 생각했을 때, 제공되는 UI만 사용하려고 한다면 이 화면이나 설정 > 결제수단 관리 에 있는 카드 등록하기 메뉴는 현재 카드를 삭제하고 새 카드를 등록하는 방식이라고 하더라도 빠질 수가 없는거군요

네 맞습니다. 그래서 저희가 제공하는 SDK 상의 UI 는 카드 등록, 비밀번호 설정 만 사용하셔야 하고 나머지는 API 로 UI 직접 구현하셔야 할것 같습니다.
답변 감사합니다
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.