PWA 환경에서 토스 결제 위젯을 이용하여 타사 페이로 결제하려고 할 시 다음으로 진행되지 않는 현상
데스크탑, 모바일 웹 브라우저 환경에서는 토스 결제 위젯이 잘 렌더링되고 결제도 잘 진행됩니다. (어떤 결제수단을 이용하던간에요)
그런데 이 서비스를 PWA 웹앱 환경에서 실행한 뒤 이 안에서 토스 결제 -> 결제 수단을 카카오페이로 선택 후 결제하려고 하면 카카오톡 혹은 카카오페이가 열리지 않고 무반응인 현상이 있습니다. (확인 버튼을 눌러도 무반응입니다)
iOS 환경에서 앱을 실행 후 결제하려고 하면 이런 증상이 나타나는데요, 어떤 부분을 확인해보는게 좋을까요?

6 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
아마도 저페이지에서 어딘가(URL 또는 appscheme) 으로 이동하려고 하는데 그게 차단된것으로 보입니다.
앱 내에서 콘솔오류가 발생했을텐데 이부분 확인해주세요.
PWA는 기본적으로 앱스킴 호출이 안되기 때문에 제대로 연동이 불가능할겁니다.
기존에 PWA에서 연동 시도하셨던 케이스가 있었는데 실패했습니다.
헛 저도 pwa앱에서 연동 진행해보려고 지금 하는데 사전에 정보를 찾아보고 있는데 아래와 같은 내용이 있더라고욥
iOS Safari의 제약 사항:
iOS Safari는 PWA 모드에서 일부 기능이 제한됩니다.
특히 애플 정책으로 인해 결제 과정에서 외부 앱 호출 후 복귀 시 세션 유지에 문제가 발생할 수 있습니다.
결제 과정에서 iOS의 경우 쿠키와 localStorage 데이터가 유실될 수 있으므로, 결제 정보를 별도로 관리해야 합니다.
네 PWA에서는 조금 어렵습니다 ㅠ
방법이라면 새 창을 오픈하셔서 사파리 창으로 넘겨버리시고 거기서 결제를 하는 방법이 있는데 권장하진 않아요
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.