안드로이드 TV 포커스 문제 관련 문의드립니다.
안녕하세요. 토스페이먼츠 연동을 진행 중에 있습니다.
제공하여 주시는 일반 결제-javascript-sdk 통해 웹 페이지 형태로 제작하여서 안드로이드 웹뷰를 통하여 결제를 진행하는 방식을 사용하고 있습니다.
일반 안드로이드 기기에서는 정상적으로 결제까지 가능하나, 안드로이드TV 앱 에서 토스페이먼츠 결제 페이지를 호출하면 페이지는 정상적으로 불러와서 노출이 됩니다.
하지만 안드로이드TV 같은 경우 터치 이벤트가 아닌 리모컨을 통하여 포커스를 컨트롤 하게 되는데 방향 키는 정상적으로 적용이 되나 체크박스 에 포커스가 되면 "확인" 버튼을 눌러도 정상적으로 이벤트가 발생하지 않습니다.
※ 별도의 마우스를 연결하여 클릭하면 정상적으로 처리가 됩니다.
혹시 안드로이드 TV관련하여서 다른 처리 방식으로 처리를 하여야 하거나 다른 모듈을 적용하여서 포커스 문제를 처리할 수 있는지 알 수 있을까요?
감사합니다.
12 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
안녕하세요 안드로이드TV에서 앱형태로 제공되는 서비스일까요?
혹시 영상을 제공해주시면 원인 전달에 도움이될것 같습니다
네! 안드로이드 TV용 앱 제작중에 발견된 이슈입니다.
영상을 보시면 리모컨으로 위아래 양옆으로는 움직이면서 포커싱이 되지만, 리모컨 확인버튼을 눌렀을 때 체크박스쪽에는 이벤트가 발생하지 않는 것으로 보입니다.
포커스를 우측으로 옮겨서 약관 상세보기 버튼형태는 리모컨 확인버튼이 정상적으로 이벤트 처리가 되는 모습 입니다.
모바일 버전이 호출되었는데요
이러면 뒤에 카드사 앱카드 호출이 어차피 안드로이드TV에서 안될것 같은데요
AGENT를 PC로 인식시켜해보시겠어요
네 Webview를 호출할때 agent 값을
- PC
- 일반 안드로이드 크롬 브라우져
- 안드로이드 TV 크롬 브라우져
세가지 agent를 하나씩 넣고 테스트를 해보았는데, 체크박스에 이벤트가 처리되지않는 이슈는 동일하게 확인되었습니다.
https://docs.tosspayments.com/guides/windows/card-direct
앱카드방식으로 연동하시면 카드사앱으로 바로 이동도 가능하고
직접 카드사선택하는 방법도 TV앱에 맞게 구현하실수 있을것같습니다
앱카드 결제창 연동하기 | 토스페이먼츠 개발자센터
지정한 카드사의 앱카드나 자체 결제창을 카드 결제를 연동하는 방법을 알아봅니다.
체크박스부분은 focus후 바로 체크 가능한지는 제품 팀에 확인해보겠으나. 반영 결정 및 반영에는 시일이 소요될 수 있습니다.
네 알겠습니다 답변 감사합니다.
더불어 각카드사 화면은 TV리모콘 조작이 지원되는지는 미지수입니다(각 카드사에서 제공하는 화면)
카드번호를 직접 입력받아 결제도 가능하니 참고해주세요 (별도 계약이 필요하니 확인후 계약진행해주시기 바랍니다. 판매하는 재화에 따라 이용이 불가할 수있습니다)
https://docs.tosspayments.com/guides/apis/key-in
카드 번호 결제 연동하기 | 토스페이먼츠 개발자센터
고객이 직접 카드 번호를 입력해서 결제할 수 있는 카드 번호 결제 API를 연동해보세요.
네 상세한 답변 감사합니다.
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.
한가지 첨언해드리겠습니다
넷플릭스와 같이 TV서비스 제공하는 플랫폼은
TV가 해당 서비스의 API로 정보를 전달하여
결제할 수 있는 링크를 생성해두고,
이를 QR코드로 렌더하여 보여주고, 사용자가 QR코드를 찍어 폰에서 결제하도록 유도하고 있습니다.