멀랑
멀랑2mo ago

결제 오류 확인 부탁드립니다.

안녕하세요. '결제페이지' 에서 '결제하기' 버튼 클릭 후 뜨는 iframe 을 document.getElementById('_tosspaymentsiframe') 로 끌어와 remove() 하여 강제로 닫아버린 후 다시 결제하려 하면 requestPayment 의 응답에서 paymentKey 가 없다는 오류가 발생합니다. (새로고침 후에는 잘 동작합니다.) orderId 는 매번 다른 값으로 잘 넣고있고, requestPayment 요청에서 응답 자체가 내려오지 않고있습니다. 확인부탁드립니다! 감사합니다!
20 Replies
토스페이먼츠 BOT
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) : - 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요. * 주말/공휴일에는 답변이 늦을 수 있어요.
멀랑
멀랑2mo ago
try { await paymentWidget?.requestPayment(파라미터) } .then(function(data: any) { OnSuccess(data); }) 로 하고 onSuccess 함수에서 data 를 찍어보면 undefined 가 나옵니다. catch 에 걸리진 않았습니다.
Kimoon Lee
Kimoon Lee2mo ago
저희가 생성한 iframe 등을 임의로 조작하시면 안됩니다.
멀랑
멀랑2mo ago
그럼 혹시 iframe 이 열려있는 상태에서 브라우저 백 키를 누를 시 iframe 은 열려있고, 뒤쪽의 페이지만 뒤로가기가 되는데, 혹시 iframe 을 정상적으로 닫으려면 어떻게 해야할까요?
Kimoon Lee
Kimoon Lee2mo ago
SPA 로 구성하신건가요?
멀랑
멀랑2mo ago
넵 맞습니다! Nextjs 14 버전 사용중입니다
Kimoon Lee
Kimoon Lee2mo ago
SPA 로 만드시는 경우 결제는 좀 제어하기가 어려우실거에요. 주문서 페이지는 별도 페이지로 구성하시거나 하는게 좋으실거에요.
개발자1
개발자12mo ago
PC웹 환경에서 React Widget을 구현해서 사용하고 있습니다.
1.PC환경이다보니, React Widget을 별도의 팝업내에 Widget을 그리고 있으며, 2. Widget화면에서 결제수단을 신용카드(우리카드)으로 선택 3. 우리카드 앱을 사용할지 일반결제수단을 사용할지 선택하는 화면에서 브라우저 Back선택 4. DIM 뒤쪽 화면은 이동이 되나, 현재 결제화면으로 떠 있는 TOSS화면이 안닫혀서 문의드리는 내용입니다.
멀랑
멀랑2mo ago
No description
이실장
이실장2mo ago
원천사 마다 iframe동작방식이 다릅니다. 그래서 저희가 도움드리기가 어렵습니다.
Kimoon Lee
Kimoon Lee2mo ago
사용하시는 브라우저도 확인이 가능할까요?
개발자1
개발자12mo ago
IOS 테블릿에 존재하는 Safari 입니다.
Kimoon Lee
Kimoon Lee2mo ago
사파리하고 크롬이 history 를 처리하는 방식이 다릅니다.
개발자1
개발자12mo ago
혹시 그럼 타 서비스들은 해당 팝업들은 어떻게 활용하는지요.?
Kimoon Lee
Kimoon Lee2mo ago
그래서 이부분을 근본적으로 해결하시려면 주문서 페이지를 새 페이지로 로딩해서 결제창을 띄우시거나 아예 새창으로 결제창을 띄우시는 방식을 쓰셔야 합니다.
개발자1
개발자12mo ago
아넵 layer 팝업으로 사용하기에는 부족하다는 의미로 이해했습니다.
Kimoon Lee
Kimoon Lee2mo ago
사파리가 iframe 의 내용을 history로 관리하지 않는 것 같은데 이것 때문에 iframe 이 back 되는게 아니라 그 아래 페이지가 back 되는 이슈입니다.
개발자1
개발자12mo ago
넵 혹시 타 서비스 중 TOSS를 웹에서 결제하는 서비스 하나 알려주실 수 있으실까요.? 말씀하신 방법들로 구현되어 있는 서비스면 좋을것 같습니다.
이실장
이실장2mo ago
kkday한번 확인해보세요
토스페이먼츠 BOT
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.