선택한 카드사 정보 받아오기 문의
신용 체크카드 유저가 선택한 카드사 정보를 받고 싶은데 getSelectedPaymentMethod를 호출하면 pay_method가 카드라고만 오고 어떤 카드인지는 얻을 수가 없네요. 혹시 받을 수 있는 방법 있을까요?
저희는 flutter 앱 안에 결제 페이지 웹뷰가 있고 앱에서 결제할 때 toss webview widget을 호출하고 있습니다.
호출할 때 toss webview widget에 바로 선택한 카드사 페이지를 띄우고 싶습니다. 감사합니다.
19 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
결제위젯이 바로 선택한 카드사 페이지를 띄워주는데요
어떤 사유로 카드사를 받고 싶은걸까요?
저희는 flutter 앱 환경이고,
결제위젯이 있는 결제 페이지(웹뷰)에서 자바스크립트 채널을 이용해서
flutter 쪽에 결제 정보를 보내고, flutter에서는 tosspayments_sdk_flutter를 이용하여 toss webview를 띄우고 있습니다.
이때 첨부된 사진과 같이 해당 위젯의 cardCompany 프로퍼티에 선택한 카드사를 전달하여 바로 카드사 페이지를 띄우고 싶습니다.
음..
아래 내용 먼저 확인 요청드립니다.
- mid확인해주시겠어요?
- 아래에서 결제위젯이 있는 결제페이지(웹뷰)는 페이지 전체가 웹뷰인가요? (아니면 일정 부분만 웹뷰인가요?)
결제위젯이 있는 결제 페이지(웹뷰)에서 자바스크립트 채널을 이용해서
1. mid : comentkmen 입니다.
2. 페이지 전체가 웹뷰입니다.
페이지 전체가 웹뷰이면, 해당 웹뷰에서 쭉진행하면 될 것 같은데.
flutter로 결제정보를 보내서, tosspayments_sdk_flutter를 쓰시려는 이유가 있을까요?
가장 큰 이유는 웹뷰에서 그대로 진행할 경우에는 화면이 깜빡이면서 전환되는데, 이 것보다는 페이지가 새로 덮이는 형태의 UX로 작업해달라고 요청받아서입니다. 그래서 flutter 쪽에 결제 정보를 보내고, 결제 앱 관련 intent 처리들이 되어있는 tosspayments_sdk_flutter 웹뷰 페이지를 새로 열었습니다.
화면이 깜빡인다는게 어떤 의미일까요? 중간에 흰화면이 노출된다는 말씀일까요?
현재 있는 페이지가 replace 된다는 의미였어요 ㅎㅎ
디자이너 분이 원하신건 현재 있는 페이지 위에 새로운 결제 페이지가 덮이는 UX였습니다.
주문서 페이지는 그대로 있고, 새로운 웹뷰 위에서 카드사창으로 넘어가고 싶으신거군요?
맞스빈다!
맞습니다
(이후 결제 완료 후, 결제완료 페이지로 넘어가고 싶은거고요)
예..!
일단.. 지원하지 않는 기능입니다.
위젯이 위와 같은 방법으로 설계되지도 않아 추천드리지도 않고요.
실제로 결제수단 정보는 가져오더라도, 할부선택 정보등은 못가져옵니다.
그러면 ... flutter 위젯에서 flowMode를 DEFAULT로 설정하고,
flutter 위젯쪽에서 카드사를 선택하도록 하고 싶습니다.
이럴 경우, 웹뷰에서 출력되는 카드사 선택 드롭다운을 미출력하도록 할 수 있나요?
유저가 두 번 카드사를 선택하게 되면 안좋을 것 같아서요
우선 지금 귀사에서 연동하려는 방법은 위젯 제품 입장에서 정상적인 방법은 아닙니다.
필요할 경우 Pro 버전 사용하시며, 커스텀결제수단을 추가해서 하시는 방법밖에 없습니다.
https://docs.tosspayments.com/guides/payment-widget/pro/custom
커스텀 결제수단·직연동 추가하기 | 토스페이먼츠 개발자센터
토스페이먼츠가 지원하지 않는 결제수단(평생교육바우처, 사내 포인트 등)을 이용하거나 간편결제를 결제위젯에 직연동하고 싶을 때 커스텀 결제수단·직연동 기능을 사용하세요.
그렇군요.. 알겠습니다..!
답변 감사드립니다 🙇🏻
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.