결제위젯 연동 문의 드립니다.
안녕하세요
svelte + 토스 결제위젯 개발중입니다.
윈도우즈 환경에서는 문제없이 결제가 진행됩니다.
안드로이드 앱을 빌드하여 휴대폰에 설치하여 테스트 하면
"세션이 종료되었거나 에러가 발생하였습니다 다시 접속해 주십시오." 오류가 발생합니다.
앱에서 결제 진행하는 경우 "카드+결제기간" 결제하기 누르면 크롬 브라우저가 로딩되고
결제과정이 크롬에서 진행되는데 이게 맞는 건가요?
윈도우즈의 경우 iframe 레이어 형태로 결제모듈이 나타나고 정상적으로 결제가 진행되는데
안드로이드 앱으로 빌드하여 실행하면 브라우저 새창에서 결제가 진행되고 실행중인 앱의
webview 에 세팅된 세션이나 쿠키를 읽지 못해서 에러가 발생하지 않나 짐작됩니다.
22 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
안드로이드 앱은 어떤 언어를 통해 개발하셨나요?
자바입니다
자바위에 웹뷰를 올려서 모바일웹페이지를 보여주고 계신걸까요?
sveltekit + capacitor 안드로이드앱 개발중입니다.
java 코드로 따로 웹뷰를 생성하지는 않습니다.
그럼 결제하기 버튼은 sveltekit + capacitor native component로 구현되어있는걸까요? 웹뷰위에서가 아니라요
네 맞습니다.
일단 결제하기 누르면 크롬 브라우저가 로딩되는 건 구현하신 방법에 문제가 있는 것 같습니다. 모바일은 iframe형태가 아닌 redirect형태로 결제 창이 뜨는데, capacitor에서 redirect를 새창으로 띄우게 설정이 되어있을거에요.
JAVA기준으로 shouldOverrideUrlLoading함수가 필요합니다.
이외에도 결제위젯을 capacitor로 구현하는데는 어려움이 있을거에요
결제위젯은 선택한 결제수단에 따라 화면이 높이가 동적으로 바뀌는데
native component사이에 웹뷰로 렌더하신 거라면. 높이가 고정되어 있지 않나요?
위 이미지에서 결제하기 누르면
카드사 앱으로 결제할건지..고르는 화면이 나와야 되는데
해당 화면이 크롬 브라우져에서 로딩되거든요.
정상적이라면 앱내 웹뷰에서 나타나야 하는게 맞나요?
네 맞습니다
그리고 해당부분은 저희 PG에서 제어하는게 아니라 귀사 앱에서 제어하는 부분입니다.
결제하기 누르면 아래 화면처럼 크롬에서 동작하는게 문제입니다.
네 그건.. sveltekit + capacitor 로 해결해주셔야해요..
Stack Overflow
Android WebView, how to handle redirects in app instead of opening ...
So right now in my app the URL I'm accessing has a redirect, and when this happens the WebView will open a new browser, instead of staying in my app. Is there a way I can change the settings so the...
안드로이드 기준 위와 같은 내용이 있습니다.
sveltekit + capacitor 는 저희가 내용을 몰라 어떻게 처리하라고 가이드 해드리기 어렵네요
이후는 검색해서 찾아주시면 될 것 같습니다.
다만 말씀드렸듯.. 위에 이미지에서 더보기 누르면 짤리지 않나요?
더보기 했을때 화면이 잘리지는 않습니다.
네 그럼 위방법으로 확인해보시면 될 것 같습니다.
결제위젯을 이용하여 결제할때
requestPayment 함수를 콜하면
내부적으로 document.write 하나요.
아니면 location.href 처럼 외부 링크로 이동하나요?
외부링크로 이동합니다.
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.