Mida
Mida3w ago

위젯 v1) 결제화면에 무이자 선택상자가 표시되지 않다가, requestPayment 호출 시 무이자 선택상자가 노출됩니다.

제목과 동일하게 loadPaymentWidget 으로 렌더링 시에는 카드 선택상자만 표시됩니다. requestPayment 호출하면 표시됩니다....
첨부파일 두 번째 이미지는 카드사 결제폼을 닫고 나서 보여지는 화면입니다.
No description
No description
31 Replies
토스페이먼츠 BOT
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) : - 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요. * 주말/공휴일에는 답변이 늦을 수 있어요.
Mida
Mida3w ago
카드사 선택 이벤트 처리하는 코드가 본 페이지와 충돌나는 부분이 있는 것 같은데요... onchange 이벤트에서 참조하는 아이디값이나 클래스 값을 알면 확인해볼 수 있을 것 같습니다.
유부장
유부장3w ago
v2 로 연동 중 이신가요 v1 으로 연동 중 이신가요? v1 이신거죠? v1 이면 처음 결제위젯 DOM 설정할때 금액을 같이 명시하는데요 처음 설정한 금액은 얼마인가요? updateAmount 를 requestPayment 수행할때 같이 묶어서 하고 있으신가요?
Mida
Mida3w ago
1000 입니다. 아 초기 금액이 적어서 개월선택폼이 안 나오는거군요
Kimoon Lee
Kimoon Lee3w ago
updateamount 는 가격변경이 필요한경우 바로 호출해 주셔야 합니다.
Mida
Mida3w ago
네... 한 가지 더 질문드립니다. 본문 페이지에서 신용카드와 계좌이체가 분리되어 있는데요... 위젯은 두개 생성해뒀고.. 결제수단을 선택할 때 동적으로 위젯을 변경하고 싶은데요.. let widgetName = (this.model.paytype == 'card') ? 'DEFAULT' : 'widget-real' alert(TOSSKEY) alert(widgetName) loadPaymentWidget(TOSSKEY, this.tossCustomerKey).then(pw => { this.paymentWidget = pw; this.paymentMethodsWidget = this.paymentWidget.renderPaymentMethods( '#toss-payment', { value: 1000, currency: 'KRW', country: 'KR', variantKey: widgetName, }, ) }) // 회원 결제
Kimoon Lee
Kimoon Lee3w ago
한페이지에 위젯 2개를 사용하시면 안됩니다.
Mida
Mida3w ago
별도로 생성해야 하는거군요
Kimoon Lee
Kimoon Lee3w ago
.UI 를 봐서는 2개를 사용하실 필요가 없어 보이는데요.
Mida
Mida3w ago
동적으로 생성할 순 없는거고.. 신용카드와 계좌이체가 본문 페이지에 선택버튼으로 표시되거든요
Kimoon Lee
Kimoon Lee3w ago
계좌이체를 한화면에 표시 하시기는 어려우신가요?
Mida
Mida3w ago
뭐 기획 자체가 그래서 어쩔 수 없네요.. 암튼 위젯 두 개 사용하면 된다니 해결은 된 것 같습니다. 감사합니다.
Kimoon Lee
Kimoon Lee3w ago
아뇨 2개 사용하시면 안된다고 말씀드린거에요.
Mida
Mida3w ago
앗....
Kimoon Lee
Kimoon Lee3w ago
지금 올려주신 코드처럼 구현하시면 될것같은데 혹시 문제가 있으신가요?
Mida
Mida3w ago
네... 위젯도 생성했고... 선택 버튼에 따라 variantKey 값도 정상적으로 확인되는데
No description
No description
No description
Mida
Mida3w ago
위젯은 디폴트만 표시됩니다... 그래서 여쭤본겁니다. 위젯을 초기화 해주는 도구가 필요한 게 아닌가 싶은데요
Kimoon Lee
Kimoon Lee3w ago
loadPaymentWidget 전에 this.paymentWidget.detroy() 해보실수 있을까요?
Mida
Mida3w ago
TypeError: this.paymentWidget.destroy is not a function at VueComponent.paymentInit (cjs.js?!./node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./components/order/service/PricingezHelpForm.vue?vue&type=script&lang=js&:473:58) destroy 메소드는 있는 것 같은데... not a function 이네요 문제는 variantkey가 계좌이체 위젯인데도 default 위젯이 표시되는 게 문제네요.. 일단 좀 더 찾아봐야겠습니다. ㅠㅠ
Kimoon Lee
Kimoon Lee3w ago
원래 동적이나 한페이지에 2개의 위젯을 렌더링 하시는걸 감안해서 결제위젯이 만들어진게 아니다 보니 좀 애매하군요.
Mida
Mida3w ago
네 알겠습니다. 일단 하나만 계좌이체 위젯으로 띄워봐야겠습니다. 감사합니다. 과장님! 혹시 저희 아이디 알려드리면 위젯 키 설정이 되어 있는지 확인이 되실까요? 뭐가 잘못된건지 특정 피씨에서만 키가 확인이 됩니다. ezhelpqgv5
Kimoon Lee
Kimoon Lee3w ago
PC 에서 키가 확인이 안된다는게 무슨 말씀 이실까요?
Mida
Mida3w ago
묘하게도 어떤 한 피씨에서만 클라이언트 위젯 키가 보여집니다.
No description
Mida
Mida3w ago
위젯 키가 정상적으로 등록 되어 있는지 확인이 필요한거구요..
Kimoon Lee
Kimoon Lee3w ago
그 PC에 로그인 하신분만 ezhelpqgv5 상점에 권한이 있으신것 같네요. 양X민, 송X근 님만 위젯키를 보실수 있을겁니다.
Mida
Mida3w ago
아..... 저도 안 보입니다.
Kimoon Lee
Kimoon Lee3w ago
양X민 님 이 관리자라서 사용하시는 계정에 권한 주셔야 합니다.
Mida
Mida3w ago
네 알겠습니다. 확인해보겠습니다.
No description
Kimoon Lee
Kimoon Lee3w ago
아 왼쪽에 "개발연동 체험 상점" 클릭하시면 다른거 안뜨시나요?
Mida
Mida3w ago
확인했습니다. 그냥 텍스트인줄 알았습니다. 감사합니다. 긴 시간 수고하셨어요
토스페이먼츠 BOT
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.
More Posts
리액트 네이티브 결제위젯 연동 에러안녕하세요. 오늘도 불철주야 고생많으십니다. 현재 저는 상점번호 hankkizc70 으로 연동중입니다. 앱은 리엑트네이티브, expo 를 이용해서 개발 중입니다. 현재 결제 위위젯 결제창 문의 드립니다.테스트 결제 테스트를 진행중에 결제수단을 추가 요청하여 카카오페이, 네이버페이를 진행 하는데 결제수단을 선택하고 결제를 시도하면 아무런 반응을 하지 않습니다. 기존 테스트 상점 현금 영수증 발급 요청 api 호출시 에러 관련하여 문의 드립니다.{ "amount":10000, "orderId":"1199337922", "orderName":"주문명 또는 상품명", "customerIde숫자코드특정 안드로이드 기기에서 삼성카드로 앱카드 결제 시 삼성카드 앱이 열리고 "숫자코드가 일치하지 않습니다. 다시 확인해주시기 바랍니다." 알럿이 노출되는데 이유가 뭔지 알 수 있을까mId lengthPOST /v1/billing/authorizations/issue API 호출에서 아래 mId를 받고 있는데요. "mId": "tvivarepublica2" 문서에는 mId이미 결제완료 된 pg데이터에 상점 주문번호를 변경할 수 있나요?이미 결제완료 되어 승인된 pg데이터에 상점 주문번호를 변경할 수 있나요?자동결제 오류 문의4월 8일 결제까지는 잘 됐는데 5월 8일부터 결제 오류가 나고 자동결제가 안 됩니다. 그냥 결제는 되는데 자동결제만 안 되네요... 뭐가 문제일까요? ``` ( [code상점관리자 > 신용·체크카드 조회에서 보여지는 구매자아이디 값 문의드립니다.안녕하세요! 상점관리자 > 신용·체크카드 조회 표에서 설정할 수 잇는 값 중 구매자아이디를 설정하는 방법 알 수 있을까요..?? https://docs.tosspayments.c신용카드 즉시할인 관련 문의안녕하세요, 현재 즉시할인 관련 내부 준비를 진행중인데요. 혹시 즉시할인 진행시 반드시 프로모션 페이지를 내부에서 제작/오픈해야할까요? 원래 계힉은 결제페이지 및 모듈에서만 행사 billing 결제 오류 문의안녕하세요 저희 서비스에 구독 결제 시스템을 도입하여 베타 런칭 준비 중에 있습니다. 몇 일 전 까지만 해도 잘 작동해서 문제없이 사용하고 있었는데, 오늘 다시 확인해보니 결제