모바일 웹 결제시 redirect 관련 문의 입니다.
리액트 프론트에서 모바일 접속 후 결제 완료 되었을때
카드결제 이후 성공시에 redirect 로 success 페이지로 돌아오는데요
이 시점에 success 페이지가 비보안 접속만 가능하다면 서비스가 불가능한건가요?
아래는 관련 오류문구 입니다.
Unsafe attempt to initiate navigation for frame with origin 'http://retail.joarent.net' from frame with URL 'https://payment-gateway-sandbox.tosspayments.com/pc/direct?token=30e01fb983c74f4690e6365e38cbd138c9f73054c052487aa47f0dd00b3255d4&authType=XMPI&cardCode=61>id=a250317DFeo0OjZI0WKFXEjWc5EV3bjueDO8xda'. The frame attempting navigation
Uncaught SecurityError: Failed to set a named property 'href' on 'Location': The current window does not have permission to navigate the target frame to 'http://retail.joarent.net/toss/Success?p=312&paymentType=NORMAL&orderId=retail_312_625388&paymentKey=tgen_20250317161934UCEZ3&amount=69610'.
14 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
PC에서는 결제창 빙글빙글 상황에서 위 오류문구 뜨네요
개발중인 웹사이트 주소: http://mygrim.com/
중간부분에 렌터카 예약 플로우 진행하면 되고
실결제, DB 처리 되지 않아서 증상파악은 자유롭게 가능한 상태입니다.
결제창이 호출 될 때 주소창의 주소는 mygrim.com 인 상태일까요?
retail.joarent.net 입니다.
mygrim.com 안에
<object type="text/html" data="http://retail.joarent.net?p=312" id="joaiframe" style="width:100%; height:100vh;">
실행안되는경우 내용 보여주기
</object>
<script> window.addEventListener('message', function(event) { var iframe = document.getElementById('joaiframe'); iframe.style.height = event.data.height + 'px'; if(event.data.gototop){ iframe.scrollIntoView({ behavior: 'smooth' }); } }); </script> object로 페이지를 불러오게 되어있습니다.
<script> window.addEventListener('message', function(event) { var iframe = document.getElementById('joaiframe'); iframe.style.height = event.data.height + 'px'; if(event.data.gototop){ iframe.scrollIntoView({ behavior: 'smooth' }); } }); </script> object로 페이지를 불러오게 되어있습니다.
프레임을 사용하였기 때문에 에러 발생하는 것입니다.
타 웹사이트 안에 내용이 보여지고, 결제까지 진행하려는데
다른 방법이 있을까요?
방법이 있긴한데요, 이 값을 self로 넘기는겁니다.
그럼 결제창이 frame/object 안에서 retail.joarent.net을 탈출해서 호출됩니다.
네 한번 해보겠습니다.
모바일처럼 retail.joarent.net 페이지 벗어나서 결제요청 까지 진행은 되는데
문제는 mygrim.com 페이지에서 object 부분에 결제성공 페이지 보여지지않는 문제가 발생하네요
몰인 몰 방식 프레임 형태에서의 일반적인 프로세스나
코드 조언 부탁드려도 될까요?
위에 이안님에 말씀하신 방법으로만 가능합니다.
PC가 안되는 것일까요? 모바일이 결제성공 페이지가 안보이는 것일까요?
모바일에서는 결제창을 새창으로 띄워서하는 방법도 있습니다.
PC 에서 retail.joarent.net 페이지 벗어나서 결제요청 까지 진행은 되는데
문제는 부모(mygrim.com)페이지에서 object 부분에 결제성공 페이지가 보여지지않는 문제 입니다.
에러 메시지는 없나요?
자체 해결했습니다 감사합니다
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.