프린트뱅크•3mo ago

지금보니 휴대폰 번호를 입력안하면 에러 발생하는데...

지난번 문의 때 휴대폰번호 옵션이라 했던거 같은데... 지금 휴대폰 번호 공백으로 넘기기 알수없는 오류가 발생하네요... 휴대폰 번호 없이 결제되도록 처리 부탁 드립니다.

28 Replies

토스페이먼츠 BOT•3mo ago

⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다

오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.

- 주문번호(orderId) : - 문의 내용 :

(img를 함께 첨부해주시면 도움이됩니다)

* 계약관련 내용은 1544-7772로 문의주세요. * 주말/공휴일에는 답변이 늦을 수 있어요.

프린트뱅크•3mo ago

결제완료시에 에러 발생합니다.

프린트뱅크•3mo ago

_app-ba719870ef6f32b2.js:29 Uncaught (in promise) DOMException: Failed to set the 'href' property on 'Location': The current window does not have permission to navigate the target frame to 'https://new.printbank.co.kr/payrun/success.asp?paymentType=NORMAL&orderId=Z73UFsYCd15Jz_Taki8J_1Sn&paymentKey=twjse20240726143009vWFS8&amount=12100'. at c (https://payment-gateway-sandbox.tosspayments.com/payment-gateway/4ee34f9c56…f4aa2b49eefdf90/_next/static/chunks/pages/_app-ba719870ef6f32b2.js:29:5647) at https://payment-gateway-sandbox.tosspayments.com/payment-gateway/4ee34f9c56…f4aa2b49eefdf90/_next/static/chunks/pages/_app-ba719870ef6f32b2.js:29:8329 at https://payment-gateway-sandbox.tosspayments.com/payment-gateway/4ee34f9c56…f4aa2b49eefdf90/_next/static/chunks/pages/_app-ba719870ef6f32b2.js:29:8404 at v (https://payment-gateway-sandbox.tosspayments.com/payment-gateway/4ee34f9c56…f4aa2b49eefdf90/_next/static/chunks/pages/_app-ba719870ef6f32b2.js:29:8421) at onSuccess (https://payment-gateway-sandbox.tosspayments.com/payment-gateway/4ee34f9c56…bcaad7f…/_next/static/chunks/4719-723e80a138871f98.js:1:8776)

Kimoon Lee•3mo ago

이건 결제창을 여시는 페이지의 URL 과 successURL 의 domain 이달라서 발생하는 문제입니다.

프린트뱅크•3mo ago

도메인이 다를이유가 없는데... 혹시 iframe 를 사용해서 그런걸까요?

Kimoon Lee•3mo ago

iframe안에서 저희 결제창을 호출하시는 건가요?

프린트뱅크•3mo ago

네

Kimoon Lee•3mo ago

그러면 저 에러가 발생합니다. 토스페이먼츠 페이지 -> 가맹점 페이지 로 이동이 되어야 하는데 iframe 안에서는 브라우저 보안정책에 위배 됩니다.

프린트뱅크•3mo ago

iframe 도 저희 도메인이고.. 리턴받는 도메인도 같은데... 음.. 사용자들 편하게 레이어로 작업 한건데.. 결국 메인페이지에서 결제처리 해야 한다는거죠? 새창으로 하거나?

Ayaan•3mo ago

top에서 SDK를 호출하셔야 합니다.

프린트뱅크•3mo ago

탑에서 한건데요 다만 div 를 이용하여 메인위에 노출한거라서..

Ayaan•3mo ago

requestPayment 함수를 호출하는 페이지가 top이신건가요?

프린트뱅크•3mo ago

아뇨 아이프레임에서

Ayaan•3mo ago

그러면 안되고, 탑에서 requestPayment를 해야해요

프린트뱅크•3mo ago

네네 전혀 탑에서 모든걸 처리 하고... 결제시만 레이어 뛰워서 결제페이지만 아이프레임으로 처리 한건데.. 문제는 euc-kr 이라.. utf-8 로 변환을 하는것도 문제가 있고 해서 그냥 사용중입니다

Ayaan•3mo ago

지금 그래서 checkout 페이지에서, iframe을 그리고 거기 안에서 Toss Widget을 불러오고 계신거죠?

프린트뱅크•3mo ago

네

Ayaan•3mo ago

그리고 iframe 안에서 Widget을 렌더링 하시는 이유가 euc-kr -> utf-8 호환 문제이시구요.

프린트뱅크•3mo ago

그건아니고.. euc-kr -> 아이프레임 변환 utf-8 변환 -> 결제화면(페이먼츠호출) -> 결제완료 -> euc-kr 이렇게 진행하려고 하는데.. 결제완료에서 문제가 생긴 상황입니다..

Ayaan•3mo ago

결제완료에서 UTF-8로 데이터가 들어오다보니 EUC-KR 처리가 어려우신건가요?

프린트뱅크•3mo ago

그게 아니라 아이프레임에서 처리 하려다보니 그런거라.. 고객들에게 편리한 사용성을 보장하기 위해서 한건데... 아이프레임에서 호출 하면 안된다고 하니 메인페이지에서 모든걸 처리하게끔 변환을 해야 하는 상황이긴 합니다.

Ayaan•3mo ago

네, 이해했습니다. 음... 그러시면 checkout 페이지에서 바로

<script src="https://js.tosspayments.com/v2/standard" charset="utf-8"></script>

<script src="https://js.tosspayments.com/v2/standard" charset="utf-8"></script>

이렇게 script를 불러오시고 위젯을 렌더링 해보시기 바랍니다. 위젯은 렌더링하면서 알아서 iframe을 만들어서 렌더링하기떄문에, UX에 큰 문제가 되지는 않을겁니다.

프린트뱅크•3mo ago

아네 한번 해보겠습니다.

Ayaan•3mo ago

현재 실서버는 XPAY 이용 중이신거 같은데, 맞으시죠? 혹 우려되시는 사항이 더 있으시면 XPAY에서 ~~하게 작동하였는데, v2 SDK에서는 ~~하게 작동하지 않아서 우려된다는 식으로 알려주시면 SDK에서 현재 지원되는 기능과 안되는 기능 나누어서 가이드 드려보겠습니다.

프린트뱅크•3mo ago

서버를 옮기려는 중입니다 2008 -> 2022 버전이 업그레이드 되면서 x페이 설치하는것도 구찮고 해서 신규로 만들고 있는 상황이고... 지금 해보니 레이어 아이프레임은 안되는듯 보이네요... 메인페이지로 옮겨야 될듯 합니다. 감사합니다

Kimoon Lee•3mo ago

네 모바일에도 동일한 이슈가 발생할수 있어서 메인페이지에서 호출하는 방식으로 구현하시는게 가장좋으실겁니다.

Ayaan•3mo ago

일단 오늘 말씀드린 내용 정리를 드리면

1. IFRAME 안에서 SDK를 호출하시면 안됩니다. (Chrome을 비롯한 브라우저 보안정책 강화로 말씀주신 오류가 발생할 수 있습니다.

2. 레이어 팝업에서 구현하시려면, 팝업 안에서 iframe을 띄우지 말고 그 div를 바로 render하시기 바랍니다.

3. EUC-KR로 구현된 웹 페이지에서는 SDK Script에 charset 속성을 utf-8로 주어서 로드 하셔서 사용하시면 될겁니다.

4. XPAY 에서 작동하던 기능이 widget으로 옮기면서 작동하지 않거나 구조가 바뀌어 이해되지 않는 부분은 계속해서 문의를 주시면 도와드리겠습니다.
ex) XPAY에서 ~~하게 작동하였는데, v2 SDK에서는 ~~하게 작동하지 않아서(~~하게 작동이 되어서) 문제가 있는 상황이다

1. IFRAME 안에서 SDK를 호출하시면 안됩니다. (Chrome을 비롯한 브라우저 보안정책 강화로 말씀주신 오류가 발생할 수 있습니다.

2. 레이어 팝업에서 구현하시려면, 팝업 안에서 iframe을 띄우지 말고 그 div를 바로 render하시기 바랍니다.

3. EUC-KR로 구현된 웹 페이지에서는 SDK Script에 charset 속성을 utf-8로 주어서 로드 하셔서 사용하시면 될겁니다.

4. XPAY 에서 작동하던 기능이 widget으로 옮기면서 작동하지 않거나 구조가 바뀌어 이해되지 않는 부분은 계속해서 문의를 주시면 도와드리겠습니다.
ex) XPAY에서 ~~하게 작동하였는데, v2 SDK에서는 ~~하게 작동하지 않아서(~~하게 작동이 되어서) 문제가 있는 상황이다

토스페이먼츠 BOT•3mo ago

❤️ 기술문의 경험이 어떠셨나요?!

간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.