20 Replies
3/12 이후에 결제 연동을 해보신 분들을 찾습니다!🔎
제품 발전을 위해 설문에 참여해주세요! 추첨을 통해 선물을 드립니다. (1분 소요)
다음 버튼을 누르신 후이신가요?
네
다음버튼 누른이후 블랭크 팝업이 뜹니다.
아래에는 팝업이 차단되어있다고 오류가 보이시는 것이구요
혹시 다른 맥북에서는 어떤지 확인해 보실수 있을까요?
www.tosspayments.com 이 아니라 사이트가 다를 겁니다.
혹시 저희가 재현해 볼수 잇는 사이트가 있을까요?
pc 엣지 브라우저도 팝업을 해제하라고 나옵니다. (해제 했는데 리디렉션이 안되고....)
계정은 삭제해 주세요.
지금 보면 div 안에서 js 를 import 하고 submitAndPay 를 정의 하고 계신데요.. 이걸 head tag 안으로 옮겨 볼수 있을까요?
해보겠습니다.
수정하고 해보고 안되면 다시 문의 할께요.
감사합니다.
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.
전체 페이지를 head tag 안으로 옮기고 div 없애도 안되는데요
모바일 화면으로 실행해보면 됩니다.
모바일 화면으로 실행해보면 됩니다. --> div tag 고치지 않은 버전에서요
팝업으로 본인인증 화면이 안뜨고 있는것 같은데
저희가 새창을 띄운후에 해당 객체가 null 로 와서 발생하는 문제입니다.
혹시 외부 JS 를 다 제거한후에 해보실수 있을까요?
네. 해볼께요.
JS 가 충돌나서 그러는것 같아서요.
js를 모두 지워도 안됩니다. 팝업 자체를 다른 탭에서 나오게 하면 리디렉션이 되요.
submit and pay 쪽에서 httpRequest 없이 그냥 결제창 불러 보실수 있을까요?
두번째 방식으로 되시는 걸로 보면 뭔가 만드신 코드하고 저희 결제창 코드가 충돌이 나는것으로 보입니다.
혹시 Cross-Origin-Opener-Policy 관련 정책을 설정하신게 있으신가요?
Cross-Origin-Opener-Policy 이것 때문이고 이부분을 same-origin-allow-popups 로 변경해 주시면 됩니다.
Cross-Origin-Opener-Policy - HTTP | MDN
The HTTP Cross-Origin-Opener-Policy (COOP) response header allows you to ensure a top-level document does not share a browsing context group with cross-origin documents.
SECURE_CROSS_ORIGIN_OPENER_POLICY = 'same-origin-allow-popups' 해주니 되네요!
감사합니다
👍
네 감사합니다.