버블 토스페이먼츠 위젯 리디렉션 문의
현재 버블에서 TossPayments-Widget-Basic 플러그인을 통해서 결제 기능을 구현하고 있습니다
'https://hi-marketers.com/version-test/profile' 페이지에서 팝업창을 띄워서 결제를 하고 있는데, 결제를 완료하면 아래와 같은 URL로 리디렉션 되고 있습니다
https://hi-marketers.com/version-test/profile/widget-success?paymentType=NORMAL&orderId=bubblew-1708567927385&paymentKey=gpMwnkjKyO6BYq7GWPVvvXwPLqWEw5VNE5vbo1d4JlALRXxz&amount=600000
근데 실제로 리디렉션 되야 하는 페이지는 중간에 'profile' page path가 없는 아래와 같은 URL인데요**
https://hi-marketers.com/version-test/widget-success?paymentType=NORMAL&orderId=bubblew-1708567927385&paymentKey=gpMwnkjKyO6BYq7GWPVvvXwPLqWEw5VNE5vbo1d4JlALRXxz&amount=600000
어떤 부분이 문제인 걸까요~?
참고로 위젯 구현했던 부분을 캡쳐해 남깁니다!
29 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
'https://hi-marketers.com/version-test/profile' 페이지에서 팝업창을 띄우고 계셔서 그렇습니다.
팝업창을 띄운 도메인 + url 경로의 /widget-success 로 이어지도록 구성되어 있습니다.
'https://hi-marketers.com/version-test/profile' 에서 profile 이 없는 /widget-success 로 이어지도록 하고 싶다면,
결제 팝업창이
'https://hi-marketers.com/version-test' 페이지에서 이루어 져야 합니다.
제가 버블로 만든 다른 웹사이트(https://lecture-noahnomad.com)는 위와 같은 방식으로 아래 URL에서 결제하는데도 불구하고 /widget-success로 잘 리디렉션 되거든요~
차이가 있는건가요~?
https://lecture-noahnomad.com/shop_cart
전달주신 링크에서 진행 안되는것으로 보입니다.
로그인 해서 상품 추가 해야 하나요?
방금전에 녹화한 40초짜리 영상인데 확인해봐주시면 여기서는 잘 결제가 되고 리디렉션이 됩니다!
기존에 어떻게 구현하셨는지는 저희가 알수 없는데,
기존 구현한 방식하고 이번에 구현하는 방식의 차이가 있나요?
차이가 없습니다!
기존에도 캡쳐화면과 같이 구성하였습니다~
redirecturl
새롭게 구성하나는 페이지는 어떻게 값이 들어가 있나요
더불어 워크플로우도 똑같이 구성하였고요~
네~ 새 페이지 에는 redirecturl 어떤 값이 들어가 있나요
여기 부분을 말씀주시는 걸까요₩?
네
위와 같이 구성하였습니다
예전에 구현한 페이지에서 팝업창 띄우기와
이번에 구현한 페이지에서 팝업창 띄우기에 로직 차이가 있나요?
새롭게 띄운 팝업창에서 위젯 + 결제하기 구현한것 맞으시죠?
예전에 구현한 페이지에서는 결제하기 버튼을 누르면 바로 팝업창이 띄워지는 형태였습니다.
이번에는 팝업창을 한 번 띄운 이후에, state를 통해서 결제하기 버튼을 한 번 더 눌렀을 때 patments Wdiget이 보여지는 형태입니다.
이해를 돕기 위해서 영상 첨부합니다!
https://www.loom.com/share/cbb8db04ad93457f8095879f8a7abb46?sid=cddb5bd8-ca7f-4afd-9e0f-dc868362519d
네 그 부분에서 차이가 있을것 같은데요.
띄워진 팝업창이 속하는 도메인이 메인 도메인인 팝업 창과
아니면, state 를 통해 보여지는 위젯 부분이 속하는 도메인이 메인 도메인이 아닌,
결제요청한 페이지의 도메인에 속하는 부분이기 때문인 것으로 이해해 주시면 될것 같습니다.
버블에서 팝업 띄우면,
그 팝업은 메인 도메인에 속하나보네요.
동일하게 메인도메인에 속한 widget-success 로 이동 원하시면 기존 방식과 동일하게 구현해주시면 될것 같아요.
말씀 주신대로 바로 팝업창을 띄워서 결제를 해보아도 똑같이 Profile 페이지에서 벗어나지 못하네요 ㅠㅠ
https://www.loom.com/share/9f9382436508437d9594e33062405918?sid=7e7eca66-fa92-4b42-8f2f-f4ccacb42fc3
이 부분은 저희가 의도한 부분은 아니라서
기존에 구현하신 방법을 기준으로 구현 해주셔야 할것 같습니다.
지금 제가 팝업창을 바로 띄워서 하는 방식이 이전 방식이랑 똑같은 방식인건데 혹시 어떤 문제가 있는걸까요~?
저희가 구현한것이 아니기 때문에, 저희가 답변 드리기 어렵네요.
저희가 의도한 토스페이먼츠 버블 플러그인의 동작 구조는
위젯이 렌더링된 페이지의 url 을 기준으로
해당 url + /widget-success 로 결제승인 처리를 진행 한다
입니다.
그러면 해당 의도라고 하면 앞 전에 제가 구현한 웹사이트에서는 어떻게 구현되는 것일까요~?
url이 https://lecture-noahnomad.com/shop_cart
였거든요~
더불어서 보통 메인에서 결제를 하기 보다는 일반적인 쇼핑몰도 url에 결제시작 페이지와 같이 checkout(예제)과 같은 url이 붙지 않나요~?
직접 구현하신 부분이라서
저희가
답변드리기에 제한이 많이 있습니다.
일반적인 쇼핑몰은, 버블과는다르게 모든 부분을 파라미터로 직접 컨트롤 할 수 있고요.
버블과 직접구현한 일반쇼핑몰의 비교는 하면 안될것 같습니다.
결제 성공페이지를 원하는 곳으로 지정하고 싶으시면
플러그인 이용은 제한이 많으실 것으로 보입니다.
이 부분은 양해 해주세요~
네 다른 부분은 알고 있습니다!
다만, 버블을 사용하는 다른 사람들도 아마 메인페이지에서 결제하는 경우보다는 결제시작 페이지와 같이 url 파라미터가 붙는 경우가 많을 것 같아서요~
혹시 이 부분은 업데이트 스케줄은 없을까요 ㅠ
결제시작 페이지 URL 이 별도로 있을때에도,
메인 도메인의 성공 URL 로 이동 시키고 싶으신 거죠?
스케쥴은 없는데, 백로그로 두고 내부 논의 해볼수 있도록 하겠습니다
네 부탁드리겠습니다...!
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.