wenzie
wenzie3mo ago

브랜드페이 에러 관련 질문입니다.

브랜드페이 개발중 const paymentMethodsWidget = paymenetWidget.renderPaymentMethods(); 하면 에러가 나서 문의 드립니다. 현재 version 1로 개발 중에 있습니다. 에러 내용은 스크린샷에 있습니다.
No description
41 Replies
토스페이먼츠 BOT
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) : - 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요. * 주말/공휴일에는 답변이 늦을 수 있어요.
Kimoon Lee
Kimoon Lee3mo ago
renderpaymentmethods 하실때 렌더링항 div 항목을 명시하셔야 합니다.
wenzie
wenzie3mo ago
아.. 그래요?
No description
wenzie
wenzie3mo ago
가이드에 그런 부분이 없어서요
Kimoon Lee
Kimoon Lee3mo ago
연동하기 | 토스페이먼츠 개발자센터
토스페이먼츠의 간편한 결제 연동 과정을 한눈에 볼 수 있습니다. 각 단계별 설명과 함께 달라지는 UI와 코드를 확인해보세요.
Kimoon Lee
Kimoon Lee3mo ago
No description
wenzie
wenzie3mo ago
그건 했습니다.
wenzie
wenzie3mo ago
제가 올린 소스에 있듯이
No description
Kimoon Lee
Kimoon Lee3mo ago
그럼 update 만 하시는 거면 updateamount 만 하시면 됩니다. 이미 생성은 앞에서 하셨을 거라서요.
wenzie
wenzie3mo ago
어제 답변 주신거랑 다르네요 ㅜ
Kimoon Lee
Kimoon Lee3mo ago
어제 문의 주신 스레드 알려주시겠어요?
wenzie
wenzie3mo ago
아..잠시만요 제가 질문한게 아니라 다른분이 한걸 제가 본거군요 잠시만요 다른분 질문한건 찾아봐야 할거 같고요 이렇게 했다면 죄송합니다.
wenzie
wenzie3mo ago
이렇게 되어 있는데요
No description
wenzie
wenzie3mo ago
paymentWidget.updateAmount(111); 이렇게 하면 된다는 말씀이시지요?
Kimoon Lee
Kimoon Lee3mo ago
네 그냥 paymentMethodsWidget.updateAmount(50000); 만 부르시면 됩니다. 다만 최초에 올려주신 method 내에서 paymentmethodwidget 으ㄴ 접근이 되어야 하구요.
wenzie
wenzie3mo ago
그러니까 제가 최초에 랜더링 할때 했던걸로 호출하면 되는거잖아요
Kimoon Lee
Kimoon Lee3mo ago
네 맞아요. 보신 SDK 설명 페이지가 오해의 소지가 있는 것 같아 이부분은 수정하도록 하겠습니다.
wenzie
wenzie3mo ago
변경하니
No description
wenzie
wenzie3mo ago
이렇게 나오네요 아.. 이제 이해가 되었네요.. 선언하는게 2개였군요 sdk초기화 하고 랜더링 맞나요? ㅎ const paymentWidget = PaymentWidget(clientKey, customerKey, { // 브랜드페이 설정 파라미터를 추가하세요. brandpay: { // Access Token 발급에 사용되는 리다이렉트 URL redirectUrl: window.location.origin + "/callback-auth", }, }); 이것과
wenzie
wenzie3mo ago
const paymentMethodsWidget = paymentWidget.renderPaymentMethods( "#payment-method", { value: 50000 }, // 렌더링하고 싶은 결제 UI의 variantKey // 아래 variantKey는 문서용 테스트키와 연동되어 있습니다. 멀티 UI를 직접 만들고 싶다면 계약이 필요해요. // https://docs.tosspayments.com/guides/payment-widget/admin#멀티-결제-ui { variantKey: "BRANDPAY" } // 브랜드페이와 일반결제가 함께 보이는 결제 UI의 variantKey // { variantKey: "BRANDPAY_ONLY" } // 브랜드페이만 추가된 결제 UI의 variantKey );
결제위젯 어드민 사용하기 | 토스페이먼츠 개발자센터
토스페이먼츠와 계약을 완료했으면 어드민에서 결제 UI를 커스터마이징할 수 있어요.
wenzie
wenzie3mo ago
이렇게요 1.sdk초기화 2.ui랜더링 죄송하지만 version1 가이드가 조금 오류가 있네요 ㅎㅎ https://discordapp.com/channels/864296203746803753/1276075032287645716 여기 어제 질문 남겼던건데요 테스트중 등록한 카드 정보 삭제하고 싶다고 질문남겼는데요 brandpay.openSettings(); 쓰시라고 했습니다. 제 경우에는 paymentMethodsWidget.openSettings();라고 하면 되는게 맞나요? paymentMethodsWidget.openSettings(); paymentWidget.openSettings(); 둘다 안되는군요 죄송하지만 버전 1에 openSettings(); 함수가 잇는거 맞죠? 점심시간인가 보네요 ㅎㅎ
Kimoon Lee
Kimoon Lee3mo ago
1.sdk초기화 2.ui랜더링 이 맞구요. 결제 위젯을 사용하시는 거라면 브랜드페이 표시 되는 결제위젯 우측 상단을 보면 "설정" 버튼이 있습니다. 그걸 눌러주시면 됩니다. openSettings 은 브랜드페이SDK 만제공하고 결제위젯에서는 제공하지 않습니다.
Kimoon Lee
Kimoon Lee3mo ago
No description
wenzie
wenzie3mo ago
죄송하지만 보여주신 화면과 다르게 설정 버튼은 안나옵니다.
No description
wenzie
wenzie3mo ago
그리고 브랜드페이 sdk로 테스트 하려고 하니 아래와 같이 오류가 나옵니다.
No description
Kimoon Lee
Kimoon Lee3mo ago
사용하시는 MID알수 있을까요?
wenzie
wenzie3mo ago
op_golfzonbiz 입니다.
Kimoon Lee
Kimoon Lee3mo ago
variantkey는 brandPay1 쓰시는 거죠?
wenzie
wenzie3mo ago
네 제가 이름을 그리 넣었습니다.
Kimoon Lee
Kimoon Lee3mo ago
네 확인후 공유 드리겠습니다. 결제위젯에서 설정 메뉴가 안보이는 이슈인것 같아요.
wenzie
wenzie3mo ago
네넵 감사합니다~
Kimoon Lee
Kimoon Lee3mo ago
확인해 보니 브랜드페이 단독으로 결제위젯을 사용하는 경우 "설정" 버튼이 표시 되지 않는 이슈가 있네요. 9월 첫주까지 수정 가능할것 같은데 혹시 오픈일정이 있으실까요?
wenzie
wenzie3mo ago
그러면 저희가 테스트도 해야 하는데 카드정보 삭제 하려면 다른 방법은 없는건가요?
Kimoon Lee
Kimoon Lee3mo ago
불편하시겠지만
Kimoon Lee
Kimoon Lee3mo ago
브랜드페이 API | 토스페이먼츠 개발자센터
브랜드페이에서 제공하는 API 엔드포인트(Endpoint)와 객체 정보, 파라미터, 요청 및 응답 예제를 살펴보세요.
Kimoon Lee
Kimoon Lee3mo ago
이렇게 결제수단 조회하신후 methodkey 를 찾아서
Kimoon Lee
Kimoon Lee3mo ago
브랜드페이 API | 토스페이먼츠 개발자센터
브랜드페이에서 제공하는 API 엔드포인트(Endpoint)와 객체 정보, 파라미터, 요청 및 응답 예제를 살펴보세요.
Kimoon Lee
Kimoon Lee3mo ago
삭제 API 를 호출해 주시면 가능합니다.
wenzie
wenzie3mo ago
수정이 완료 되면 제가 어떻게 알 수 있을까요?
Kimoon Lee
Kimoon Lee3mo ago
이메일 남겨주시면 연락 드리도록 하겠습니다.
토스페이먼츠 BOT
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.