xoneto99
xoneto992y ago

브랜드페이 및 UI

안녕하세요. 브랜드 페이와, 일반 결제 위젯을 잘 구현하여 진행하고 있습니다. 그런데 문의드리고 싶은건. UI를 해당 id값에 넣고 렌더링이 되어 화면에 뜰 때인데요. 먼저. 1. id 값에 카드등록이나, 일반결제 관련 ui를 렌더링하는 시간을 어떻게 알 수 있을까 합니다.
결제위젯(일반결제) 사용시
const paymentMethods = paymentWidget.renderPaymentMethods('#payment-method', 15000);

브랜드페이 이용시
paymentMethodsWidget.render('#payment-methods-widget', {
// UI 옵션
ui: {
promotionSection: {
summary: {
visible: true,
},
description: {
visible: true,
defaultOpen: true,
},
},
},
});
결제위젯(일반결제) 사용시
const paymentMethods = paymentWidget.renderPaymentMethods('#payment-method', 15000);

브랜드페이 이용시
paymentMethodsWidget.render('#payment-methods-widget', {
// UI 옵션
ui: {
promotionSection: {
summary: {
visible: true,
},
description: {
visible: true,
defaultOpen: true,
},
},
},
});
이렇게 id값에 위젯들을 렌더링하는데요. 실제 서버에 페이지를 로딩할때 페이지 자체는 로딩이 끝나는데요. 이렇게 id값으로 렌더링 할. 때 로딩이 언제 끝나는지 알 수가 없습니다. 혹시 알 수 있는 방법이 있나요 ? 브랜드페이와 일반결제시 카드사가 UI에 렌더링되는 동안 화면을 로딩화면으로 전환하고 싶습니다... 2. 두 번째는 테스트로 브랜드 페이결제를 해 보았는데요. UI 하단이 너무 아래쪽으로 치우치는데요. 마진이나 페딩을 줄 수 있는 방법이 있을까요 ??? 첨부된 사진을 보시면, 아래 하단에 원터치 버튼이 넘어가서 보이지 않습니다... 결제 비밀번호 입력시에도 아래쪽이 많이 치우치는 느낌입니다... 어떻게 가능할까요 ???
No description
9 Replies
토스페이먼츠 BOT
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) : - 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요. * 주말/공휴일에는 답변이 늦을 수 있어요.
Kimoon Lee
Kimoon Lee2y ago
1. 현재는 제공하고 있지 않습니다. 아직은 로딩을 표시할 정도로 시간이 오래걸리지 않는 것으로 알고 있습니다. 2. 직접 구현하신 app 에서 웹뷰로 띄우신 건가요?
xoneto99
xoneto99OP2y ago
1. 그렇군요 감사합니다. 한 1~2초 사이에 걸리길래요...이게 그냥 테스트로 로컬 서버로 돌려서 그런가 싶기도하고 ...일단 알겠습니다.ㅎ 2. 네 맞습니다. 앱에 nextjs로 띄우고 결제 버튼을 누르면 저렇게 화면이 뜨게됩니다...
Kimoon Lee
Kimoon Lee2y ago
그러면 webview 사이즈를 조절해서 처리해 주셔야 합니다.
xoneto99
xoneto99OP2y ago
아.. 그렇군요..그 방법 외엔 없는거죠 ??? 감사합니다.
Kimoon Lee
Kimoon Lee2y ago
네 맞습니다. 저희가 viewport 를 확인해서 fullscreen으로 띄우는 것이라 webview 사이즈를 조절해 주시는게 가장 안전합니다.
xoneto99
xoneto99OP2y ago
그렇군요. 감사합니다!
토스페이먼츠 BOT
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.
Ayaan이안
Ayaan이안2y ago
혹시 어느 언어로 앱을 만드셨는지요? 기본적으로 iOS 뷰를 지원하는 언어의 경우, 애플 API에 따라 SafeZone안에 일레멘트를 둘 수 있습니다 그렇게 하면 저렇게 잘리는 일이 없을거 같네요

Did you find this page helpful?