결제위젯 사파리에서 에러.
안녕하세요. 결제위젯 v2를 사용하여 개발진행후 홈페이지에서 정상적으로 결제 사용 중
MacOS 사파리 (18.3.1)에서만 신용카드 (BC카드)로 결제 시 페이북으로 결제 후 홈페이지로 화면이 돌아온 뒤 결제 완료 페이지로 이동하지 않습니다.
사파리 브라우저 콘솔을 확인해보니 (영상에서도 확인 가능합니다)
TypeError: undefined is not an object (evaluating 'wispPopWinObj.focus') -> Wallet_mix_layer_VP.js파일에서 발생
Blocked a frame with origin "https://www.spc.or.kr" from accessing a frame with origin "https://payment-gateway-sandbox.tosspayments.com". Protocols, domains, and ports must match.
Unhandled Promise Rejection: Error: 취소되었습니다.
라는 에러가 나옵니다.
제가 알기로는 해당 에러는 origin이 달라서 보안 정책상 차단되는것으로 알고있습니다.
(나머지 에러는 잘 모르겠습니다. Wallet_mix_layer_VP.js에서 발생하는 에러는 Vpay쪽에 문의해본 결과로는 결제 연동 모듈 관련 사항으로 추측된다고 합니다.)
어떤 방식으로 해결해야할지 모르겠어서 문의드립니다.
추가로 구현은 이미지처럼 구현한 후 호출 할 대 widgets.requestPayment를 사용하여 호출하고있습니다.
서버 구성은 JAVA , spring boot 사용중입니다.
해당 맥북에서 크롬을 사용하면 정상적으로 결제가 됩니다. 사파리에서만 이런 증상이 발생하고 있습니다.
(아이폰 사파리에서는 정상적으로 동작합니다.)
혹시 제가 놓친 부분이 있을까요? 확인 부탁드립니다.
MacOS 사파리 (18.3.1)에서만 신용카드 (BC카드)로 결제 시 페이북으로 결제 후 홈페이지로 화면이 돌아온 뒤 결제 완료 페이지로 이동하지 않습니다.
사파리 브라우저 콘솔을 확인해보니 (영상에서도 확인 가능합니다)
TypeError: undefined is not an object (evaluating 'wispPopWinObj.focus') -> Wallet_mix_layer_VP.js파일에서 발생
Blocked a frame with origin "https://www.spc.or.kr" from accessing a frame with origin "https://payment-gateway-sandbox.tosspayments.com". Protocols, domains, and ports must match.
Unhandled Promise Rejection: Error: 취소되었습니다.
라는 에러가 나옵니다.
제가 알기로는 해당 에러는 origin이 달라서 보안 정책상 차단되는것으로 알고있습니다.
(나머지 에러는 잘 모르겠습니다. Wallet_mix_layer_VP.js에서 발생하는 에러는 Vpay쪽에 문의해본 결과로는 결제 연동 모듈 관련 사항으로 추측된다고 합니다.)
어떤 방식으로 해결해야할지 모르겠어서 문의드립니다.
추가로 구현은 이미지처럼 구현한 후 호출 할 대 widgets.requestPayment를 사용하여 호출하고있습니다.
서버 구성은 JAVA , spring boot 사용중입니다.
해당 맥북에서 크롬을 사용하면 정상적으로 결제가 됩니다. 사파리에서만 이런 증상이 발생하고 있습니다.
(아이폰 사파리에서는 정상적으로 동작합니다.)
혹시 제가 놓친 부분이 있을까요? 확인 부탁드립니다.

