멀티결제 UI 문의
안녕하세요 🙂
결제 위젯에서 브랜드 페이를 사용하고 있는데요.
특정 회원일 때 브랜드페이를 미사용하기 위해, 멀티결제 UI 를 사용하고있습니다.
브랜드 페이 미사용으로해서 variantKey를 DEFAULT-2로 설정하고, 위젯 초기화 시 아래와 같이 코드를 사용하였는음에도 화면에서는 계속 브랜드페이가 노출되고있는데..
혹시 브랜드 페이는 멀티 UI 사용 불가능한것일까요?
아니면 뭔가 설정 이슈인지.. 확인가능하실까요? ㅜ
----------------------------------------------------------------------
위젯 초기화 소스 ▼
$this.tossPaymentMethods = $this.tossPaymentWidget.renderPaymentMethods('#tossPaymentWidgetArea', {value: 55000}, { variantKey: 'DEFAULT-2' });
개발기 클라이언트키 : test_ck_OEP59LybZ8B1MNwPE4Jr6GYo7pRe


16 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
VariantKey 선언한 (위젯 초기화한) 부분 코드 올려주실 수 있을까요?
const code = {
....
data: function () {
return {
loginUser: {},
tossPaymentWidget: {},
tossPaymentMethods: {},
paymentKey: '',
paymentMethod: ''
};
},
methods: {
/* 결제 위젯 초기화 */
initPage: async function () {
const $this = this;
$this.loginUser = await new User();
const clientKey = DocUtil.getElById('tossPaymentClientKey').value;
const customerKey = this.loginUser.getMemId();
$this.tossPaymentWidget = PaymentWidget(clientKey, customerKey, {
brandpay: {
redirectUrl: GblVar.frontUrl + '/order/rest/fo/payment/brandpay/authenticate'
}
});
// --------------------- 여기여요
$this.tossPaymentMethods = $this.tossPaymentWidget.renderPaymentMethods('#tossPaymentWidgetArea', {value: 1}, {variantKey: 'DEFAULT-2'});
},
...
},
mounted: function () {
this.initPage();
}
};
@이실장 님, 위에 초기화한 소스 공유드립니다 🙇♀️
아, 참고로 가상계좌 미사용으로 설정한 DEFAULT-3 으로 사용하였을 경우는 정상적으로 동작합니다 ;;
DEFAULT-2 가 (브랜드페이 미사용) 동작하지 않는 이슈입니다 😢
확인 후 안내드리겠습니다.
감사합니다 🙂
DEFAULT-2 에 설정된 일반 결제가 idlook2 이기 때문에 idlook2 의 client 키로 위젯을 초기화 하셔야 합니다.
키를 변경해서 해보시기 바랍니다.

아, 그렇군요 . 확인감사합니다 👍
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.
@냥과장 님, @이실장 님 안녕하세요 🙂
DEFAULT-2에 설정된 일반결제를 현재 사용하는 클라이언트키의 mid 인 idlook으로 변경하였는데도
동일하게 정상 설정이 되지 않고있습니다ㅜ
(사용하는 테스트 클라이언트 키 : test_ck_OEP59LybZ8B1MNwPE4Jr6GYo7pRe )
혹시 한번 더 확인 가능하실까요?
첨부한 이미지는 셋팅하는 소스, 초기화 후 네트워크 상태 및 에러 코드 / 멀티UI설정 정보입니다.





혹시 삭제하고 다시 추가했을 때도 동일한 현상일까요?
삭제는 안하고 수정만 했는데 혹시 뭔가 퍼지가 안되고 그런느낌일까요?;
원인은 저희도 찾아보겠으나 빠른 해결을 위해서, 삭제 후 재생성 한번 부탁드릴 수 있을까요?
넵! 저도 제가 계정정보를 가지고있는게 아니라 요청드리고 재생성되면 다시 말씀드리겠습니다 😢
@이실장 님, 삭제 후 동일한 key로 설정하니까 정상 반영되었습니다 !
넵 저희도 원인은 확인해보겠습니다. 감사합니다.
넵 ㅎ 지원 너무 감사합니다 👏