결제 완료 후, 라우팅 처리 이슈
사전에 보고드렸던 requestPayment 취소 시, 클라이언트 무한 루프 오류(https://discord.com/channels/864296203746803753/1041954487100772445/1042315677073166347) 의 조치와 연관있어 보입니다.
requestPayment 콜백 이후, 라우팅을 시도할 경우에 오류가 발생합니다.
오류는 아래와 같으며, 환경은 이전 포럼 내용과 동일합니다. (재현 경로: 댓글 참고)
24 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
구현 경로
1. 결제 요청
requestPayment()
2. Callback -> 결제 승인 API 요청 (백엔드 별도)
3. 버튼 클릭 (별도 버튼)
위 함수 실행 횟수 만큼 오류 발생함
최근 iframe 관련 이슈를 개선해가면서 side effect들이 조금씩 발생하고 있는데요! 해당 내용도 현재 확인 중에 있어, 이번 주중에 배포될 예정입니다!
빠른 확인 감사드립니다.
배포 시 이전처럼 따로 안내해주실 예정이신가요?
네 안내 도와드리겠습니다.
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.
Blocked script ~ 에러메세지 출력되는 내용 수정 배포 완료되어 전달드립니다
에러 메시지는 출력되지 않지만, 여전히 뒤로가기에 대한 부분은 이슈가 있습니다.
Nuxt 기준으로
this.$router.back()을 수행 시 결제 전에는 상관이 없는데 결제 후에는 해당 명령을 여러 번 실행해야 뒤로가기가 처리됩니다. (History를 남기시나요?)Iframe창 호출 될 때 History가 기본 1개 생기게 됩니다.
결국
requestPayment와 같은 UI 호출에 따른 History가 발생할 수 있다고 판단되며, 이는 결제를 기준으로 결제를 하지 않고 창을 닫을 경우를 반복한다면 History가 무한정 생성될 수도 있을 수 있는 것 아닌가 싶습니다.
실제로 결제 완료를 기준으로 결제창이 닫히더라도, 위 언급드린 뒤로가기 기능이 정상작동하기 위해서는 2번 이상 호출해야 정상적으로 작동하는 것으로 확인됩니다만 이 부분은 따로 테스트 후에 피드백을 드리면 도움이 되실까요?말씀해주신 부분은 정리해서 제품담당 부서에 전달하도록 하겠습니다!
이부분은 이미 브랜드페이 초창기 부터 그렇게 동작하고 있었고, 많은 브랜드페이 가맹점들이 이 behavior 에 맞추어 구현을 하셨기 때문에 이부분은 수정을 하면 기존 가맹점에 영향을 미치게 됩니다. 그래서 해당 부분 수정이 어려울수 있다는점 양해 부탁드립니다.
현 시점 기준, 기존에 보고드렸던 스크립트 오류가 또 다시 발생하고 있습니다.
확인가능한 사이트가 있나요?
현재 개발 중인 프로젝트이고, 로그인이 되어야 결제를 할 수 있도록 설계되어있는 만큼 확인가능한 사이트를 제공드리기는 어려울 것 같습니다.
다만, 문서 내용대로라면 이게 문제가 있을까 싶은데요. NPM 패키지 기준으로 1.1.0을 사용하다가 1.1.2(최신)으로 업데이트했습니다.
npm 패키지를 사용하시는 걸까요?
yarn v3버전(yarn berry)로 사용하고 계신지 yarn v1으로 사용하고 계신지, 순수 npm으로 사용하고 계신지 알려주시면 제가 테스트해보겠습니다.
브랜드페이에서 어떤 기능사용하실 때 오류가 나타날까요?
Blocked script execution in '<URL>' because the document's frame is sandboxed and the 'allow-scripts' permission is not set.
Blocked script execution in 'https://connect.tosspayments.com/m/payment/password' because the document's frame is sandboxed and the 'allow-scripts' permission is not set.이에러가 다시 발생하시는 건가요?
Node.js 16로 corepack을 통해 yarn 사용중입니다
yarn -v 를 통해 버전 확인해 주시겠어요?
현재 2.x 3.x에서 제대로 모듈이 안 불러와 진다는 이슈가 있어서요.
@ybhwang
yarn 1.22.19 사용중입니다
현재 확인해본 것은
requestPayment입니다
맞습니다그러면 정상작동되어야 하는게 맞는데요, 저도 테스트해보겠습니다.
해당 관련한 개선은 더 이상 진행되지 않을지 문의드립니다.
기본적으로 브랜드페이는 모바일에도 최적화된 개인화된 결제 모듈이며, 제품 상세페이지에서 결제 모듈을 로드하고 정상 처리 시 결제 모듈이 자동으로 닫히는게 플로우라면 이후에 뒤로가기에 대한 이슈는 당연히 없어야한다고 생각합니다.
가맹점의 소비자는 결제를 완료했기 때문에 상세페이지를 벗어나기 위해 뒤로가기를 할 수 있는 경험에 이슈가 생기기 때문입니다.
특히나 요즘은 Vue나 React 기반의 환경에서의 개발이 많은 추세에 해당 이슈는 조금 신중하게 판단해주셨으면 하는 바램입니다.. (정확하지는 않지만 과거에는 History에 대한 이슈가 없었던 것으로 기억합니다)
아니면 이러한 경우를 대비하여 History 관리에 대한 대안을 제공해주시면 어떨까 싶기도 합니다!
항상 좋은 의견 남겨주셔서 감사합니다.
현 게시판은 결제연동문의 관련 게시판으로, 제품 담당 부서에서 항상확인하고 있지 않습니다. https://discord.com/channels/864296203746803753/1059422890212216873/1059425887222779994 아래 통해 접수해주시면 바로 피드백 가능합니다!