웹뷰 결제 문의드립니다.
payment.requestPayment({
method: "CARD",
amount: {
currency: "KRW",
value: 50000,
},
orderId: "UwTt4ep8hEj628WjZ2rQO",
orderName: "토스 티셔츠 외 2건",
successUrl: window.location.origin + "/success.html",
failUrl: window.location.origin + "/fail.html",
customerEmail: "customer123@gmail.com",
customerName: "김토스",
card: {
useEscrow: false,
flowMode: "DIRECT",
useCardPoint: false,
useAppCardOnly: false,
appScheme :"test://"
},
});
1. 개발 환경
플랫폼: 리액트 네이티브 웹뷰
결제 API: Toss Payments의 payment.requestPayment() 함수
저희 프로젝트는 모바일 웹과 앱 모두에서 동일한 웹 페이지를 사용하며, 앱에서는 리액트 네이티브 웹뷰를 사용하여 웹 콘텐츠를 표시
현재 가장 큰 문제는 앱에서 결제 시 모바일 웹창이 열리고 거기서 KB카드/하나카드 테스트 시 다른 결과가 나와서요.
저희 url에 앱링크를 설정해 놓은 상태인데 KB카드는 결제 후에 앱으로 연결이 됩니다.
하지만 하나카드 선택해서 앱 결제 한 후에는 앱으로 돌아오지를 않더라구요.
모든 카드를 테스트 하지 못했지만 안돌아오는 경우가 더 있을 거라 생각됩니다.
웹뷰를 감싼 앱에서 저 함수를 호출 => 모바일창이 뜸 => 하나카드 결제 선택
=> 하나카드 앱열리고 결제수단 인증하고 결제 완료 => 처음 모바일창으로 돌아옴 => 거기서 리턴url이 변경되는데 앱이 열리지 않고 모바일창에서 그 주소로 연결이 됨
https://docs.tosspayments.com/guides/v2/webview#%EC%95%B1%EC%8A%A4%ED%82%B4-%EB%A6%AC%EC%8A%A4%ED%8A%B8
웹뷰 연동하기를 참고하여 앱스킴리스트를 등록해봤으나 모바일 웹창으로 넘어가네요.
위와 같은 결제 흐름이 Toss의 예상 동작인가요?
차라리 저렇게 되어야한다면 앱에서 저 함수 호출 시에 모바일 웹창이 연결안되고 앱내에서 뜨기라도 했으면 좋겠습니다.
그리고 앱스킴 리스트들은 저 함수 이용할 시에는 아무 상관이 없나요?
알려주시면 감사하겠습니다!!
method: "CARD",
amount: {
currency: "KRW",
value: 50000,
},
orderId: "UwTt4ep8hEj628WjZ2rQO",
orderName: "토스 티셔츠 외 2건",
successUrl: window.location.origin + "/success.html",
failUrl: window.location.origin + "/fail.html",
customerEmail: "customer123@gmail.com",
customerName: "김토스",
card: {
useEscrow: false,
flowMode: "DIRECT",
useCardPoint: false,
useAppCardOnly: false,
appScheme :"test://"
},
});
1. 개발 환경
플랫폼: 리액트 네이티브 웹뷰
결제 API: Toss Payments의 payment.requestPayment() 함수
저희 프로젝트는 모바일 웹과 앱 모두에서 동일한 웹 페이지를 사용하며, 앱에서는 리액트 네이티브 웹뷰를 사용하여 웹 콘텐츠를 표시
현재 가장 큰 문제는 앱에서 결제 시 모바일 웹창이 열리고 거기서 KB카드/하나카드 테스트 시 다른 결과가 나와서요.
저희 url에 앱링크를 설정해 놓은 상태인데 KB카드는 결제 후에 앱으로 연결이 됩니다.
하지만 하나카드 선택해서 앱 결제 한 후에는 앱으로 돌아오지를 않더라구요.
모든 카드를 테스트 하지 못했지만 안돌아오는 경우가 더 있을 거라 생각됩니다.
웹뷰를 감싼 앱에서 저 함수를 호출 => 모바일창이 뜸 => 하나카드 결제 선택
=> 하나카드 앱열리고 결제수단 인증하고 결제 완료 => 처음 모바일창으로 돌아옴 => 거기서 리턴url이 변경되는데 앱이 열리지 않고 모바일창에서 그 주소로 연결이 됨
https://docs.tosspayments.com/guides/v2/webview#%EC%95%B1%EC%8A%A4%ED%82%B4-%EB%A6%AC%EC%8A%A4%ED%8A%B8
웹뷰 연동하기를 참고하여 앱스킴리스트를 등록해봤으나 모바일 웹창으로 넘어가네요.
위와 같은 결제 흐름이 Toss의 예상 동작인가요?
차라리 저렇게 되어야한다면 앱에서 저 함수 호출 시에 모바일 웹창이 연결안되고 앱내에서 뜨기라도 했으면 좋겠습니다.
그리고 앱스킴 리스트들은 저 함수 이용할 시에는 아무 상관이 없나요?
알려주시면 감사하겠습니다!!
모바일 웹뷰 결제는 앱투앱(App to App) 이동이 필요한데요. 결제기관의 앱스킴 목록과 OS별 이동 방법을 알아보세요.
Toss payments 개발자 커뮤니티입니다. 결제 연동하며 겪는 기술 문의부터, 결제 시장에 대한 다양한 정보까지 얻어가세요~
15,588Members
Resources
Recent Announcements
Similar Threads
Was this page helpful?
