모바일 결제모듈을 태블릿에서 열었을 때의 스타일 깨짐 오류 및 결제 후 세션 만료 문제
안녕하세요, 레거시 프로젝트에서 모바일 전용 페이지를 따로 만들어 모바일 모듈만 사용중인 페이지에서 발생한 문제에 대해 문의드리려고 합니다. 해당 페이지를 768px 정도 크기의 화면에서 열었을 때에는 그림 1에서처럼 문제가 없으나, 1024px 이상의 크기를 가진 화면에서 열었을 시엔 그림 2와같이 스타일이 전부 깨진 채로 열리며, 결제 시 그림 3처럼 세션이 만료되며 로그아웃되는 현상이 있습니다. 그런데, 갤럭시 S9처럼 화면 해상도가 1024px를 넘어가는 태블릿에서는 해당 현상이 실제로 발생이 되는 문제가 있습니다. 이러한 고해상도 태블릿에서도 일반 모바일기기처럼 정상적으로 결제모듈이 나오도록 하려면 어떻게 해야하나요?
9 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
안녕하세요.
XPay 모듈은 모바일용 샘플이 PC용과 나뉘어져 있습니다. 모바일용 관련 파라미터가 문서에 함께 명시 되어 있으니 참고해주세요.
모바일용 문서
https://drive.google.com/drive/folders/1IEnJeixz6SCk2QT7vAumZXnM5KgBDzXT?usp=drive_link
PC용 문서
https://drive.google.com/drive/folders/1XytZZ1sdWFxT5SiRVtjgov1xVix83RSb?usp=drive_link
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.
모바일 모듈만 적용하였고, PC/모바일에 따라 나뉘는 값은 모바일 고정으로 적용해둔 상태입니다. 해당 페이지를 PC 개발자도구로 들어갔을때 Toggle Device Toolbar에서 화면 사이즈를 1024로 설정할 때와 768로 설정할때 오류 발생/정상실행의 차이가 발생하는 원인이 궁금합니다.
임의로 변경해서 사용하지 마시고 샘플 가이드대로 따라주세요.
PC 모듈은 openXpay() 를 사용하여 결제창을 호출하고 iframe 방식으로 결제창을 띄우는데
모바일용 샘플은 open_paymentwindow() 를 사용하여 결제창을 submit 방식으로 페이지 전환하여 호출합니다.
이 분 말씀은
적응형 사이트이고(PC분기 필요없음), 모바일 샘플대로 연동하였으나
태블릿 기기에서 확인하면 화면이 깨져서 표기된다
같습니다!
아마 태블릿 기기가 피씨로 인식되나봅니다.
네 반응형웹을 말씀하신건 알고 있어요. 그런데 xpay 모듈에서 태블릿, 아이패드는 전부 PC 모듈을 기본으로 하고 있어요.
그런데 열려있는 결제창이 모바일버전인것 같아요. 그래서 user agent 체크하여 태블릿 등은 PC 모듈을 적용해 주셔야 합니다.
원 질문의 중요점은 반응형 웹이 아니라 적응형 웹 이라서 피씨 모듈 적용이 안된다는 부분인거 같아서 말씀드렸습니다!
태블릿에서는 피씨사이트가 나와 피씨모듈로 연동할 수 있도록 개발해 주셔야 할 것 같습니다. @Hyun
답변 감사합니다.