결제위젯 카카오뱅크 선택시 이동화면에서 추가 진행이 안되고 있습니다.
안녕하세요, 결제 위젯을 라이브로 올린 상태인데,
안드로이드 기기에서 카카오뱅크 선택후 이동하는 화면에서 모바일 일반결제 설치하기 버튼 클릭시 ERR_CLEARTEXT_NOT_PERMITTED 란 오류와 함께 더이상 진행이 안된다고 합니다.
혹시 이 부분에 관하여 추가적인 대응이 필요한 부분이 있다면 공유부탁드립니다!
19 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
결제 진행하기를 클릭하면 404 에러가 납니다 (해당 url을 찾을 수 없다고 구글 에러 화면이 나옵니다)
결제 진행하기 클릭후 나오는 화면입니다.
이내용 참고하셔서 조치해 주시면 됩니다.
잡다구리
안드로이드 웹뷰 URL 호출시 에러 ERR_CLEARTEXT_NOT_PERMITTED
안드로이드 웹뷰(WebView)에서 URL 호출시 ERR_CLEARTEXT_NOT_PERMITTED 발생할 경우 해결방법웹뷰 이용시 기본 URL 주소는 보안주소인 https"// 로 이루어진 주소를 사용해야 됩니다.그런데 http:// 로 된 주소를 불러올 경우 에러가 발생합니다.이런 경우는 간단히 AndroidManifest.xml의 application 태그에 android:usesCleartextTraffic="true"한라인 추가 해 주면 해결 됩니다.
넵 감사합니다~!
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.
안녕하세요 안내해주신 대로 모바일 일반결제(ISP) 설치하기 버튼을 눌렀을 때 났던 오류는 해결했는데
하단 결제 진행하기 버튼을 눌렀을 때 나오는 에러는 여전히 발생하고 있습니다.
혹시 이에 대한 가이드라인이 추가로 더 있을까요?
스크린 녹화한 파일 공유드립니다
웹뷰(WebView) 연동하기 | 토스페이먼츠 개발자센터
브라우저가 아닌 모바일 웹뷰로 결제창을 띄울 때 카드사별 결제수단을 인증하려면 외부 앱(3rd-party 앱)을 연동해야 합니다. 연동에 필요한 외부 앱 스킴(App URL Scheme)목록과 추가 로직을 살펴보세요.
이 가이드를 참고해 보시기 바랍니다.
다른 카드사 결제는 잘되시는 건가요?
넵 카카오뱅크를 선택했을 때만 위 현상이 발생합니다 주신 가이드따라서 한번 해결해보겠습니다 감사합니다!
뭔가 증상을 보면 앱이 없어서 마켓으로 이동하는데 마켓 URL 을 찾지 못하는 것처럼 보입니다.
이부분 코드가 있으시면 확인해 보셔야 할것 같아요.
안녕하세요!
- 개발자센터 SDK > React Native 페이지 내용은 적용되어 있습니다.
- https://docs.tosspayments.com/reference/widget-rn
- 연동 깊이 이해하기 > 웹뷰 연동 > Android 영역에 안내된 스킴은 추가되어 있습니다.
- https://docs.tosspayments.com/guides/webview#android
샘플앱에서도 같은 문제가 발생하는지 궁금하여 저희 테스트키를 사용하여 샘플앱을 돌려보았습니다.
동일하게 신용-체크카드 > 카카오뱅크 선택하고 결제요청을 하면 저희 앱과 다른 페이지가 노출되고, 여기서는 문제가 발생하지 않습니다.
혹시 웹뷰 내용을 샘플앱과 동일하게 적용할 수 있는 방법이 있을까요?
결제위젯 React Native SDK | 토스페이먼츠 개발자센터
결제위젯 React Native SDK를 추가하고 메서드를 사용하는 방법을 알아봅니다.
웹뷰(WebView) 연동하기 | 토스페이먼츠 개발자센터
브라우저가 아닌 모바일 웹뷰로 결제창을 띄울 때 카드사별 결제수단을 인증하려면 외부 앱(3rd-party 앱)을 연동해야 합니다. 연동에 필요한 외부 앱 스킴(App URL Scheme)목록과 추가 로직을 살펴보세요.
샘플앱으로 동작한 영상 전달드립니다.
clientKey: "test_gck_ma60RZblrq1LdYKQqA4MrwzYWBn1"
variantKey: "TEST_PURCHASE_FORM"
샘플 앱에서 문제가 없으시다면 구현의 이슈라서 저희가 별도로 가이드를 드릴수가 없습니다.
여기 있는 코드로 테스트 해보시고, 문제가 발생하지 않는다면 이코드와 작성하신 코드의 차이를 확인하면서 수정해주셔야 할것 같습니다.
requestPayment 실행 시 서버에서 전달해준 값을 그대로 사용하고 있었는데, 이 값에 paymentAmount가 포함되어 있었습니다. paymentAmount는 위젯의 requestPayment 타입정의에는 없는 값이어서, 해당 값을 제거하고 실행하니 새 버전의 문제 없는 웹뷰가 표시되네요.
감사합니다!