64 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
카카오페이뿐만 아니라 모든 결제가 되지 않습니다.
웹뷰에서 발생합니다
언제부터 안되시나요?
안되는 시점에 작업같은것 있으셨나요?
모바일 웹뷰에서, 어느단계에 저 화면을 보셨나요?
동영상 촬영 가능 한가요?
혹시나 작업 하셨으면 우선 원복 하시는걸 추천 드려요
loadTossPayments(clientKey) 를 호출하는 시점에 발생합니다.
loadTossPayments 가 아니고, requestPayments 단계인것 같은데요
결제하기 버튼에 function 걸어서 paymentWidget.requestPayment 실행되게 잡아 두셨을까요?
loadTossPayments(clientKey)
.then((tossPayments) => tossPayments.requestPayment(method, requestParams))
.catch((error) => {
아니요 위젯 사용하지 않고
결제창 사용하고 있어요
결제방법
신용*체크카드, 가상계좌, 네이버페이
카카오페이
이 부분을 직접 구현 하신건가요?
네네
테스트키로 테스트서버에서 동작시킬때는 잘됩니다
테스트키로 테스트서버에서 동작할때는 되는데, 라이브에서 저 에러가 발생한다는게 저는 이해가 안되는데,
라이브키로 라이브 서버라는 의미이신가요?
네 맞습니다
테스트키와 연결된 테스트 서버에서는 잘 되고
라이브키와 연결된 실서버에서는 오류가 발생합니다.
중간정리 하겠습니다.
1. 저 화면은 위젯이 아니고, 일반 jsSDK 로 위젯화면처럼 꾸며서, 특정 결제수단을 사용자가 선택하고 결제하기를 진행하면, 해당 method를 호출하는 방식으로 구현 한것
2. 테스트환경에서, 테스트키로 진행하면 잘 작동함
이런거면, 라이브로 배포가 덜 된건 없으신가요?
네 배포는 확인했습니다.
그러면
테스트 환경에서, 라이브키로 진행 해보실수 있나요?
단순히 키만 변경해서 문제 없는거면,
테스트 환경에서 라이브 환경으로 배포누락 등에 문제가 있다는 것으로 정리될것 같아서요
백엔드도 같이 패치해야해서 시간이 조금 걸릴 것 같습니다.
테스트해보고 말씀드릴게요.
근데 저 에러는 왜 발생되는지 알 수 있나요?
그리고 가상계좌 입금은 잘 됩니다.
저 부분은 결제창 호출하는 부분이기 때문에 가상계좌 입금하고는 별개 입니다
npm 이신거죠? 패키지버전은 몇 인가요?
네 맞습니다.
1.6.3 입니다.
크레용님 위젯을 사용안하고 계신건가요? UI 는 위젯을 쓰시는 것으로 보이는데요
네 사용하고 있지 않습니다~!
네, 우선 테스트 환경에서,
라이브 키로 테스트 부탁 드려요
일단 저희 로그상으로는 요청이 들어오지 못한것으로 보이는데요
혹시 라이브 상점에 저희가 접근해서 재현해 볼수 있을까요?
테스트 키 -> 라이브 키로 변경 후
테스트 서버에서 실행했을 때
같은 오류가 발생합니다 ㅠ
스토어에서
셀렉터스 - sellectors
설치하시면 됩니다.
앱이 웹뷰로 동작하고
웹뷰에서만 오류가 발생합니다.
PC 웹에서는 오류가 발생하지 않습니다.
?? 웹뷰에서만 오류가 발생하신다구요?
네 그렇습니다
웹뷰 쪽 콘솔에서는 에러가 발생하지 않으시나요?
앱 디버깅은 지금 바로 할 수 없어서 확인하지 못했습니다
냥과장님 말씀처럼, 웹뷰쪽 디버깅을 한번 해보셔야 할것 같습니다
테스트환경에서, 테스트키로 되시는데 라이브키로 안된다는 것도 사실 이해가 조금은 어렵네요
웹뷰쪽 세팅이나 이런부분에 이슈가 있을것으로 생각됩니다.
앱은 동일한데 안에 있는 웹뷰 URL 만 변경했을때 문제가 발생하시는 건가요?
토스페이먼츠의
테스트 키 -> 라이브 키
로 변경하면 문제가 발생합니다.
동일한 서버에, 동일한 앱에서요?
네 맞습니다.
사용하신 테스트키 공유해 주실수있을까요?
secret - test_sk_mnRQoOaPz8Lqy1Q6KX53y47BMw6v
client - test_ck_5mBZ1gQ4YVXXoldE7a9Vl2KPoqNb
입니다.
오늘 테스트키로 결제하신게 있으신가요?
네 테스트키로 결제 잘 됐습니다
오늘 결제한게 있으신지를 문의 드린거에요..
네 오늘
했습니다
오늘
이 두가지가 앱에서 결제하신거죠?
20시 경에 진행하신 테스트 결제들은 만료된 것으로 보이는데, (테스트 결제 성공하지 않은것으로 보임)
15시에서 20시 사이에 배포같은게 혹시 있으셨나요?
저희 로그상으로 오늘 성공한 테스트 결제들은 app 을 통해 요청된게 아닌 것으로 보입니다. 이부분 확인해 주실수 있을까요?
같은 서버 같은 앱에서
토스페이먼츠 시크릿키, 클라이언트키만 바꾼 후
테스트한 영상 보내드립니다.
방금 테스트키로 app에서 결제했어요
앱에서 테스트키로 결제
라이브키로 결제요청한 주문번호는 어떻게 되나요?
가장 최근 주문번호는
1689854703060-ORDER46
입니다.
네 감사합니다.보내주신 영상으로 분석해 볼께요.
웹뷰에서 결제창 팝업 이동 url 알 수 있을까요?
PC 웹 - 잘 됨
모바일 웹 - 잘 됨
앱 웹뷰 - 안 됨
혹시 Agent 를 변조하시나요?
아니요ㅠ
앱 디버깅은 내일 할 수 있을 것 같네요
내일 디버깅 해보고 다시 말씀드릴게요
네 저희쪽도 확인을 해보도록 하겠습니다.
크레용님,
현재 결제 요청을 중복호출 하고 있지 않은지 확인 부탁 드립니다.
테스트키와 라이브키는 서로 바라보고 있는 환경이 디른데,
각 환경마다 결제창 화면에 필요한 데이터를 로드하는 방식이 다릅니다.
테스트환경에서 로드하는 방식은, 중복호출을 어느정도 무시 하지만,
라이브환경은 안정적 서비스 제공을 위해 중복호출시 문제가 있을수 있습니다.
내부 개발자분들과 동영상, 로그를 기반으로 확인한 내용이어서,
더 정확한 내용은 현재 구현하신 부분을 확인을 부탁 드립니다.
@크레용
앱 웹뷰 URL
https://payment-gateway.tosspayments.com/mobile?clientKey=
모바일 웹 URL
https://payment-gateway.tosspayments.com/mobile?token=
결제창 호출 시 앱 웹뷰와 모바일 웹에서 확인되는 URL이 다릅니다.
앱 웹뷰에서 따로 처리해야할 부분이 있나요?
중복호출은 여러 방법으로 확인해 보았는데 같은 현상이 발생합니다.
환경에 따른것이 아닌,
정상적으로 진행 된다면
https://payment-gateway.tosspayments.com/mobile?clientKey=
이후에
https://payment-gateway.tosspayments.com/mobile?token=
로 접근되는 메커니즘 인 것으로 이해해 주시면 됩니다.
앱 웹뷰의 경우
https://payment-gateway.tosspayments.com/mobile?clientKey=
이 부분에서 문제가 발생하여,
https://payment-gateway.tosspayments.com/mobile?token=
이곳으로 접근이 되지 않았습니다.
그래서, 앱 내 웹뷰에서,
중복 호출등의 상황들이 있는지를 확인 요청 드린것이다, 라고 이해해 주시면 됩니다.
웹뷰 디버깅은 진행하고 계실까요?
답변 감사합니다.
웹뷰는 현재 확인 중입니다.
웹뷰 클라이언트에 따로 설정해줘야 하는 부분은 없을까요?
- 쿠키
- 써드파티 라이브러리
웹뷰에서 사용 중인데 둘 중 하나가 문제인 것 같아 확인 중입니다.
네 공유 감사합니다.
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.
플러터 웹뷰 설정 중
useShouldInterceptFetchRequest: true
제외 하니까 잘 동작합니다.
감사합니다.
공유 해주셔서 감사합니다.
고생 많으셨습니다
@크레용 공유감사합니다. 혹시 flutter webview lib는
flutter_inappwebview랑 webview_flutter중 어떤거 사용하셨나요?
flutter_inappwebview 입니다.
확인 감사합니다. 참고로 저희쪽 sdk는 webview_flutter로 구현했습니다.
네 참고하겠습니다.
감사합니다!