node-ejs를 사용해서 프론트(expo- webview)를 통해 결제창을 보여주고 있습니다. 이때 카드 결제에서 카드사 링크로 넘어가는 방법은 어떻게 구현하면 될까요?
ㅇ
19 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
어디서 막히시나요
이미지공유주시겠어요
네 잠시만요
KB스타뱅킹 결제 선택 후 입니다
Native app 사용하시는건가요?
RN 웹뷰를 사용하시는 거면 AOS 랑 iOS 별로 앱스킴 처리를 해주셔야 합니다.
expo cli를 사용하고 있습니다
이걸 사용하시는 걸까요?
네 맞습니다
앗 잠시만요.
네 맞습니다.
해당웹뷰에서 카드사 앱의 딥링크를 처리하도록 구현해 주셔야 할것 같은데요.
npm
@tosspayments/widget-sdk-react-native
PaymentWidget SDK for React Native. Latest version: 1.1.0, last published: 23 days ago. Start using @tosspayments/widget-sdk-react-native in your project by running
npm i @tosspayments/widget-sdk-react-native. There are no other projects in the npm registry using @tosspayments/widget-sdk-react-native.이걸로 다시 구현하시는게 좋아 보입니다.
@kkimkimkim 하나만 더 확인해볼게요
RN에 웹뷰 영역만 잡아두고, 웹서버 띄우시는건가요?
아니면 RN으로 모두 개발하시는건가요?
expo에 웹뷰 영역만 잡아두고 웹서버(node-ejs)로 했습니다.
넵 확인해보겠습니다
그러면 웹뷰영역에서 띄우는 url을 아래 가이드 따라서 conver해주세요
웹뷰(WebView) 연동하기 | 토스페이먼츠 개발자센터
브라우저가 아닌 모바일 웹뷰로 결제창을 띄울 때 카드사별 결제수단을 인증하려면 외부 앱(3rd-party 앱)을 연동해야 합니다. 연동에 필요한 외부 앱 스킴(App URL Scheme)목록과 추가 로직을 살펴보세요.
안드로이드의 경우 intenturl을 통해 카드사 앱으로 이동하게 되는데, 해당 url을 웹뷰에서 그대로 사용할 수는 없습니다.
넵 딥링킹 방법을 좀 더 찾아봐야 할 거 같습니다. 감사합니다.
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.