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