브랜드페이 JS SDK 관련
브랜드페이를 이용 중인데 SDK 관련 문의사항이 있습니다.
1. 결제위젯은 JS, Android, iOS, Flutter 등 모바일을 위한 SDK가 있는데 브랜드페이 SDK는 모바일(앱) 환경에서 어떤 SDK를 선택해야 하나요?
2. 브랜드페이 JS SDK 개발 문서에 HTML 방식과 npm 방식이 있는데 npm 방식의 경우 React Native 같은 앱 환경이 아닌 웹 환경만 지원한다고 되어있는데 그럼 앱으로 개발하는 경우 HTML 방식만 써야 하나요?
45 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
현재 브랜드페이 사용 계약은 되셨을가요?
네 계약이 완료된 상태입니다.
결제위젯 React Native SDK | 토스페이먼츠 개발자센터
결제위젯 React Native SDK를 추가하고 메서드를 사용하는 방법을 알아봅니다.
그럼 위 sdk로 연동하시면 됩니다.
브랜드페이만 사용할 경우 결제위젯에서 '브랜드페이'만 등록된 결제UI를 만들어주시면되고요
그럼 웹으로 운영하다 앱으로 전환하는 경우엔 기존에 사용하던 sdk에서 말씀하신 sdk로 변경해야 되나요?
react native에 웹뷰 띄우고, 그안에 웹서버 띄우는방식으로 개발하실건가요 ?
네 당장은 그런식으로 개발하다가 추후엔 앱 네이티브로 갈 것 같아요.
웹뷰위에 띄울거면
웹페이지 그대로 띄우시면 될 것 같아요
앱네이티브로 가실 경우, 각 앱에 맞는 sdk 사용해주시면 되고요
네 그럼 브랜드페이 sdk 는 웹만 지원하고 앱 환경으로 개발하는 경우에는 결제 위젯 sdk 를 사용해야한다는 말씀이시죠? 결제위젯 sdk 로도 브랜드페이 sdk에서 제공하는 모든 기능을 사용할 수 있는건가요?
사용하시려는 기능들 말씀해주시겠어요?
브랜드페이의 자동 결제에 필요한 모든 기능들이요.
우선 웹으로 오픈하신다고 하셨죠?
네 맞습니다.
우선 웹으로 오픈하시고 추후 웹 페이지 공유해주시면
앱으로 연동할 때 어떤거 사용하시면 될지 가이드해드리겠습니다.
자동결제를 어떤 방식으로 사용하냐에 따라 sdk사용을 전혀 하지 않고, api로만 개발할 수 있습니다.
sdk 를 사용하지 않으면 클라이언트측에서 UI를 직접 개발해야하지 않나요?
말씀하시는 UI가 결제수단 목록 화면 말씀이신가요?
어떤 sdk를 사용해야 추후에 중복 개발 없는 확장 가능한 선택인지가 궁금해요.
네 결제 수단 등록하고 목록을 조회하는 화면 등
자동 결제에 필요한 UI 는 위젯 형태로 개발하려구요
웹쪽은 개발 시작안하신거죠?
다른 문의에 질문주셨지만, 대표카드 설정 등 하려면 '결제수단목록' 화면은 직접 만드셔야할텐데요
현재 결제위젯 JS sdk 적용해서 개발은 시작했어요. 근데 이 위젯이 개발 문서에서 봤을 때 브랜드페이-자동결제 기능을 모두 제공하지 않는 것 같아 sdk 변경이 필요한지 의문이 있어서요.
'결제수단목록' 화면은 sdk에서 제공하지 않나요?
sdk에서 제공하는 화면은 일반결제에 특화된 화면입니다. 어떻게 구현하시느냐에 따라 구독결제와는 맞지 않을 수 있어요
혹시 sdk에서 제공하는 UI 화면들을 모두 볼 수 있는 문서가 있나요?
이렇게 할부도 뜨고 하기 때문에 구독결제와는 맞지 않을 수 있습니다.
UI admin 대시보드에서 필요없는 부분을 제거할 수 있지 않나요?
할부부분은 불가합니다.
결제를 바로 진행하지 않고, 결제 수단을 등록한 뒤 추후 자동결제 API를 통해 결제를 진행하는 방식으로 구현하려고 해요. 그렇다면 캡쳐해주신 UI를 사용하지 않고 개발할 것 같아요. 그러기 위해서 sdk에서 제공하는 UI 목록들을 전부 확인하고 싶은데 가능할까요?
그런데 계좌로 자동결제API사용 불가하다고 답변받지는 않으셨나요?
네 카드만 자동결제로 진행하고 계좌 결제는 필요한 시기에 유저가 직접 결제 수락하는 방식으로 개발하려구요.
우선 귀사의 경우 단순 브랜드페이 결제수단 등록해서 결제하는 방식이 아니기 떄문에 위젯은 사용하지 않는 것을 권장드려요
브랜드페이를 사용하시되, 브랜드페이에서도 결제위젯처럼 목록을 볼 수 있는 UI를 제공합니다 필요할 경우 위기능을 사용하시기 바랍니다.
브랜드페이 SDK 연동하기 https://docs.tosspayments.com/guides/brandpay/integration
브랜드페이 위젯 연동하기 https://docs.tosspayments.com/guides/brandpay/widget
브랜드페이 연동하기 | 토스페이먼츠 개발자센터
브랜드페이에서는 자체 간편결제에 사용할 수 있는 UI를 쉽게 가져다 쓸 수 있는 브랜드페이 JavaScript SDK 연동 가이드입니다.
브랜드페이 위젯 연동하기 | 토스페이먼츠 개발자센터
브랜드페이 JavaScript SDK를 이용해 브랜드페이 위젯을 사용해보세요.
위에 링크의 브랜드페이 위젯은 '결제위젯'과는 무관합니다.
브랜드페이 화면들은 아래 method들 한번씩 실행해보시는걸 추천드립니다.
브랜드페이 JavaScript SDK | 토스페이먼츠 개발자센터
브랜드페이 JavaScript SDK를 추가하고 메서드를 사용하는 방법을 알아봅니다.
"단순 브랜드페이 결제수단 등록해서 결제하는 방식"이 아까 보내주신 UI를 말씀하시는건가요?그리고 결제 위젯 대신 브랜드페이 sdk를 적용해야 한다는 이유는 결제 위젯에서 제공하지 않지만 브랜드페이 sdk에서는 제공하는 UI가 있다는 말씀이시죠?
UI는 양쪽이 다 똑같습니다.
다만 결제위젯에서는 아래 이미지 화면만 제공하고 '설정', '결제등록' 페이지 모두 아래 화면을 통해서만 접근해야합니다.
하지만 브랜드페이 sdk를 쓰면 openSetting, addPayment.. 등 method를 호출하여 설정/결제수단등록 화면등에 직접 접근할 수도 있고 그 외 method들을 사용할 수도 있습니다.
브랜드페이 JavaScript SDK | 토스페이먼츠 개발자센터
브랜드페이 JavaScript SDK를 추가하고 메서드를 사용하는 방법을 알아봅니다.
아아 결제위젯은 위 화면을 통해서만 다른 화면으로 접근이 되는 것이군요. 그럼 브랜드페이 sdk를 써야겠네요. 그렇다면 다시 처음 질문으로 돌아와서 브랜드페이 sdk를 사용해서 개발했을 때 모바일 환경에서도 워킹하나요?
네
무신사 페이 한번 참고해주세요~
자동결제는 아니지만 브랜드페이 sdk 사용해서 '결제수단목록'은 직접 구현한 곳입니다.
오 감사합니다.
그럼 브랜드페이 JS sdk를 사용하되 모바일 환경은 웹뷰로 개발한다면 가능하다는 말씀이시죠? 브랜드페이 sdk 는 네이티브 앱(안드로이드, iOS, Flutter 등)은 제공하지 않는거죠?
네
네 감사합니다!
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.