인스타그램 인앱 브라우저에서 페이팔 결제 시 '모바일 화면에서는 Promise 방식을 지원하지 않습니다.' 오류 발생 문의
안녕하세요, 페이팔 간편결제를 연동하여 서비스를 운영 중입니다. (MID:
teartryzj9)
일전에 페이팔 결제는 Promise 방식으로 연동이 불가하고, 항상 리다이렉션 방식을 사용해야 한다고 답변 받았습니다.
다만, 저희 서비스 특성상 결제 중에 페이지를 이탈하면 유저 경험을 해치는 부분이 있어, 아래와 같이 결제 시 브라우저 팝업을 띄우고 팝업 내에서 페이팔 결제를 진행한 후 결제가 완료되면 팝업을 닫고 기존 페이지에서 프로세스를 이어가도록 구현해놓은 상태입니다.
1. A 페이지에서 페이팔 결제 시작 시 window.open() 으로 팝업을 띄워 B 페이지로 접근
2. 팝업 내 B 페이지에서 부모의 데이터를 이용하여 requestPayment('해외간편결제', params) 호출 (successUrl, failUrl 은 항상 설정됩니다.)
3. 팝업에서 결제 완료 후 successUrl 로 리다이렉션
4. Success 페이지에서 결제 승인 등 필요한 작업 진행 후 팝업 닫음
5. A 페이지에서 서비스 계속 이용
이 프로세스로 일반 PC나 모바일 디바이스의 default 브라우저(Chrome, Safari 등)에서는 잘 동작하는데, 인스타그램 인앱 브라우저에서는 requestPayment() 호출 이후 모바일 화면에서는 Promise 방식을 지원하지 않습니다. 에러와 함께 failUrl 로 떨어집니다. 이유를 알 수 있을까요?
(참고로 카카오톡 인앱 브라우저에서는 페이팔 로그인 페이지까지는 정상적으로 떨어지는 것을 확인했습니다.)
감사합니다.9 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
인스타그램 인앱에서 동작에 문제가 있다는거죠?
인스타그램 앱 사용하는 브라우저가 일반 스펙을 그대로 따르지 않을 가능성이 많습니다.
인스타그램에서는 어떻게 사용하는지 구체적으로 설정 부탁드려요.
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.
넵 인스타그램 인앱 브라우저에서 해당 오류를 겪고 있는 것이고, 토스페이먼츠 측에서 해당 오류를 내려주는 것이므로, 브라우저의 어떤 차이점 때문에 이 오류를 내려주는 것인지 궁금합니다. 결제 플로우는 일반 모바일 브라우저와 써드파티 인앱 브라우저 모두 위 게시물에 있는 것과 동일합니다.
테스트 해볼 수 있는 결제 페이지와 방식(경로, 테스트 계정)등을 techsupport@tosspayments.com으로 보내주시겠어요?
방금 메일 발송했습니다. 추가로 필요하신 정보가 있으시면 말씀 부탁드립니다.
확인하고 답변드리겠습니다.
https://docs.tosspayments.com/guides/paypal <= 해당 가이드로 단일 페에지에 구현하여 동일 에러 발생하는지 확인 부탁드려요.
PayPal 연동하기 | 토스페이먼츠 개발자센터
토스페이먼츠 결제창 SDK로 PayPal 해외 간편결제를 연동하는 방법입니다. 결제 페이지를 구축해서 페이팔 버튼을 직접 만들어야 합니다.
@huzz
부모페이지에서 successUrl과 failUrl을 가져올때 잘 가져와지는 확인 부탁 드려요.
해당 에러는 모바일 브라우저에서 successUrl과 failUrl이 없을 때 발생합니다. 해당 파라메터 지우고 모바일 웹에서 시도하면 재현되실거에요.
저희쪽 로그에는 successUrl, failUrl 뿐 아니라 다른 파라메터들도 제대로 넘어오지 않는 것으로 확인 됩니다.
아하 말씀하신대로 인스타그램 인앱 브라우저에서는 아예 팝업 페이지에서 부모 페이지의 데이터 가져오는 것부터 제대로 동작하지 않았을 수도 있겠네요. 그 부분은 미처 생각 못했습니다. 관련 부분은 저희 측에서 추가로 확인해보겠습니다. 확인해주셔서 감사합니다~