Brian
Brian3y ago

requestPayment 취소 시, 클라이언트 무한 루프 오류

requestPayment로 결제 창이 열렸을 때, 상단의 뒤로가기 버튼을 눌러 사용자가 취소를 할 경우에 nextjs에서 무한 루프가 걸리는 문제가 있는 것 같습니다. - 웹 프레임워크: NuxtJS (Vue 2.x) / NodeJS (Gallium: 16 LTS) - 디자인 프레임워크: VuetifyJS (2.x) - 브랜드페이 모듈: @tosspayments/brandpay-sdk
16 Replies
토스페이먼츠 BOT
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) : - 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요. * 주말/공휴일에는 답변이 늦을 수 있어요.
이실장
이실장3y ago
안녕하세요 혹시 결제창을 열면서 History를 하나 쌓고 시작하시나요?
Brian
BrianOP3y ago
가이드에서 벗어난 방식이라고 생각하여, 별도의 페이지나 컴포넌트로 처리하지 않고 있습니다. 실제 결제를 하려는 페이지에서 load하고 결제요청을 호출하고 있습니다.
이실장
이실장3y ago
혹시 확인 가능한 사이트가 있을까요?
Brian
BrianOP3y ago
아직 오픈하지는 않은 서비스라서 공유드리기가 조금 어려우나, 몇가지 내용은 공유드릴 수 있습니다.
이실장
이실장3y ago
아래에 Url 제출 후 재현 순서를 전달해주셔도 되고요! 혹시 공개가 꺼려지시면 영상으로라도 요청드립니다.
토스페이먼츠 BOT
💡 정보 제출
현재 discord 오류로 '게시글 분할보기' 화면에서, 팝업 제출이 안되요 😢 (우측상단 '더보기 > 전체보기로 열기' click 후 팝업을 열어주세요)
Brian
BrianOP3y ago
우선 구두상으로 말씀드릴 수 있는 부분부터 전달드리겠습니다. [구현경로] 1. 상품 상세페이지 접근 2. 해당 페이지에서 결제 요청 -> 사용자의 취소 발생 3. 결제요청이 자동으로 닫힘 -> 상품 상세페이지 4. 뒤로가기 this.$router.back() 시, 뒤로가지지 않고 오류가 무한 발생합니다.
이실장
이실장3y ago
결제창 SDK화면이 닫힌 후에, 가맹점 '상품상세페이지'가 떠있는데요. 직접 구현하신 뒤로가기(this.$router.back()) 버튼 클릭시, '상품상세피이지'가 무한루프된다는 말씀이시죠?
Brian
BrianOP3y ago
정확하게 말씀드리면, 콘솔에서 오류가 무한 생성되면서 페이지는 먹통이됩니다. (콘솔에서 for문 무한루프 구현해서 실행할 경우와 유사) SDKBridgeError: Bridge의 응답이 없습니다. 오류와 함께 빈 콘솔 에러 및 nextjs의 특정페이지 안내 오류가 발생합니다. 브랜드페이 모듈 오류 발생 위치: _app-6771241d2197ae35.js
이실장
이실장3y ago
해당 이슈는 현재 노운 이슈로 모든 가맹점에서 다 발생하고 있으며, 현재 배포를 위해 수정 진행중에 있습니다. 수정되는 대로 공유드리겠습니다.
Brian
BrianOP3y ago
Known 이슈로 미리 파악된 부분이 참 다행입니다. 빠른 해결 부탁드리며, 신속한 답변에 감사드립니다.
MinhoHa
MinhoHa3y ago
안녕하세요 웹으로 NodeJS용 결제모듈을 붙였는데 결제처리된 이후의 orderId/paymentKey/amount 키값을 갖고있는 데이터는 어떻게 받아야 하나요?
이실장
이실장3y ago
@ybhwang 님 해당 이슈 배포가 나갔는데 확인해보시겠어요? @MinhoHa 새로운 포스트 작성해서 문의해주시기 바랍니다.
토스페이먼츠 BOT
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.
Brian
BrianOP3y ago
답장을 늦게 드리게 되었네요... 보고 드렸던 이슈가 해결이 된 것으로 확인됩니다!