PC/모바일 웹 연동 질문입니다.
안녕하세요.
플러터에서 Web 빌드로 토스와 연동하여 개발중입니다.
현재 토스 결제창을 외부 서버에서 호스팅 하고 있습니다.
첨부된 사진에서 1번 사진이 PC 웹(크롬)에서 결제 요청을 한 결과이고, 2번 사진이 모바일 환경의 웹(크롬)에서 결제 요청한 화면입니다. 두 사진 모두 같은 URL에서 동일한 제품에 대해서 결제 요청을 하였습니다. 네트워크를 보면 모바일 웹에서 promise가 실행되지 않습니다. 아래는 결제창 HTML 파일중 일부입니다. <script src="https://js.tosspayments.com/v1/payment"></script> <script type="text/javascript"> var tossPayments = TossPayments(clientKey) tossPayments.requestPayment('카드', { amount: amount, orderId: order_id, orderName: order_name, customerName: customer_name, customerEmail: customer_email, }) requestPayment 함수가 플랫폼에 따라 동작이 다를 수가 있나요? 해결방법도 있을까요? 🙂 감사합니다.
첨부된 사진에서 1번 사진이 PC 웹(크롬)에서 결제 요청을 한 결과이고, 2번 사진이 모바일 환경의 웹(크롬)에서 결제 요청한 화면입니다. 두 사진 모두 같은 URL에서 동일한 제품에 대해서 결제 요청을 하였습니다. 네트워크를 보면 모바일 웹에서 promise가 실행되지 않습니다. 아래는 결제창 HTML 파일중 일부입니다. <script src="https://js.tosspayments.com/v1/payment"></script> <script type="text/javascript"> var tossPayments = TossPayments(clientKey) tossPayments.requestPayment('카드', { amount: amount, orderId: order_id, orderName: order_name, customerName: customer_name, customerEmail: customer_email, }) requestPayment 함수가 플랫폼에 따라 동작이 다를 수가 있나요? 해결방법도 있을까요? 🙂 감사합니다.
6 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
원래 모바일에서는 promise 동작하지 않습니다.
모바일에서는 iframe이아니라 원천사 화면으로 이동하기 때문에 promise가 동작할 수 가 없습니다.
네 다른 방식으로 구현해야 하는군요 🙂 큰 도움이 되었습니다. 감사합니다
프로미스(Promise) | 토스페이먼츠 개발자센터
프로미스는 비동기 함수가 반환하는 객체에요. 함수의 성공 또는 실패 상태를 알려줘요. 콜백을 직접 호출하는 방법 대신, 프로미스로 콜백을 부를 수 있어요. 이런 특징 때문에 프로미스를 사용하면 비동기 처리 시점, 비동기 함수의 결과를 쉽게 확인할 수 있고 에러도 어디서 일어났는지 파악하기 편리해요.
여기 참고해주세요
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.