버블 플러그인 TossPayments-Widget-Basic 오류 문의
안녕하세요, 버블 플러그인 TossPayments-Widget-Basic으로 결제 기능 구현하여 실 서비스에서 사용중입니다.
결제 위젯은 정상적으로 보여지나 결제요청을 했을때 일부 환경에서 아무 응답이 없는 이슈가 있어서 문의 드립니다.
현재까지 확인된건
맥-크롬 환경에서는 보통 되지만 안 되는 경우도 있는데 이때 새로고침을 하면 정상작동하는 이슈들이 리포트 되고 있습니다.
맥-사파리, 윈도우-edge 환경에서는 거의 항상 안 된다고 리포트 되고 있습니다.
콘솔 로그를 영상이나 캡쳐이미지로 첨부하려고 하는데 비공개로 올리는건 어려울까요?
36 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
그럼 techsupport@tosspayments.com 으로 보내주시기 바랍니다.
가능하시다면 재현가능한 버블사이트로 같이 알려주세요.
감사합니다 테스트 계정과 같이 전달드리도록 하겠습니다
이메일 발송드렸습니다. 감사합니다
XMLHttpRequest cannot load due to access control checks.
이런에러가 보이는데요
혹시 해당 페이지의 응답 헤더쪽에 보안 관련 내용 설정을 하셨나요?
아마도 여기있는 referer-policy 때문이 아닐까 싶습니다.
그런데 결제위젯을 연동하셨다고 하셨는데, 위젯렌더링은 안하시나요?
저기 신청하기 눌렀을때 일반적인 토스페이먼츠 결제창이 뜨길 원하시는거면 플러그인도 잘못하용하신 것 같아요.
일반적인 토스페이먼츠 결제창이 어떤걸까요?
현재는 신청하기를 누르면 보이는 팝업창안에 'payment widget' 엘리먼트를 넣어두었는데.. 수정해야하는부분이 있을까요?
헤더에 따로 처리한것은 없는데 우선 한번 확인해보겠습니다.
아 저걸 누르면 뜨는 구조이신거군요.
일단 저희 내부 통신이 헤더 설정에 의해 막히는 것처럼 보입니다.
근데 혹시 저기서 결제하기 누르면 뭔가 다른 작업을 수행하시나요?
지금 더 자세히 봤더니 저희 쪽으로 아예 통신시도를 안하고 바로 확정페이지로 넘어가는것 처럼 보입니다.
/elasticsearch/mget 을 호출하고 실패 나면 바로 다음 페이지로 이동하는 것 같아요.
버블 DB에 결제관련 정보 저장후
플러그인 사용법대로
setvalue paymentwidget -> requestpayments
를 통해서 결제 요청합니다.
헤더에는 분석도구들, seo 최적화 관련된것 이외에 특별한건 없어보입니다.
어떨때는 결제가 잘되는 상황인데 그때는 내부 통신이 막히지 않는다는것이고.. 그렇다면 어떤 상황에서 내부 통신이 막히는지를 알아내야하는걸까요?
referer-policy를 origin이 아닌 다른 값으로 변경해주면 해결이 될까요?
혹은 플러그인 사용방법이 잘못된 부분이 있으면 말씀부탁드립니다. 바로 수정 가능합니다..
플러그인 사용법대로 setvalue paymentwidget -> requestpayments 를 통해서 결제 요청합니다.라고 하셨느데 setvalue 를 하실때 로그를 찍어 보시고 저 에러가 발생할때 로그가 찍히는지 확인부탁드립니다. 제가 보기에는 아예 setvalue 부분이 실행이 되지 않은것 처럼 보여요. 결제버튼을 눌렀을때 network 쪽 내용인데 보시는 것처럼 저희쪽으로 요청이 발생하지를 않습니다.
플러그인쪽 이슈는 아닌것 같고 버블에서 구현하신 다른기능이 사파리나 엣지에서 막히는 것처럼 보입니다.
우선 setvalue랑 requestpayments 만 남기고 모두 지운 상태에서 테스트 해봐도 똑같은것같습니다
메일로 보내드린 baseurl 뒤에 "/test1" 을 붙인 url 로 접근해주시면 버튼이 하나 있어서 테스트해보실 수 있습니다.
이렇게 되어있습니다
동일하게 elasticsearch/mget 에서 에러가 나고 바로 다음페이지로 이동합니다.
그리고 제가 해보니까 맥 크롬에서도 증상이 동일해요.
새로 레이어 만들어서 띄우지 마시고 그냥 메인페이지에 위젯 렌더링 해서 확인해 볼수 있을까요?
답변 확인이 늦었습니다! 새로 팝업띄우지 않고 그냥 페이지에 랜더했습니다. 확인부탁드립니다
제가 지금 확인할때는 또 잘 뜨는데, 이게 해결이 된건지 아니면 일시적으로 잘 되는건지 확인이 좀 어렵네요
에러메세지들은 이전에 일시적으로 잘 되던때와 마찬가지로 같은 에러 메세지들이 나오고있긴합니다.
제가 지금 해보면 기존과 동일한데 그냥 페이지에 렌더 하신건가요?
혹시 새로고침 한번 가능하실까요? 이런식으로 변경해두었습니다
event_apply/
event_apply/test
모두 결제위젯이 안보입니다.
답변이 늦었습니다. 주소는 ~co.kr/test1 입니다
네 지금 구현하신 것 처럼 사용하시면 됩니다.
확인 감사합니다. 원인은 팝업창에 넣었기 때문인걸까요?
정확히는 알수 없지만 그런걸로 예상되네요
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.
안녕하세요, 팝업에 구현하지 않고 페이지에 바로 구현했지만 동일한 이슈가 있는것으로 보입니다.
테스트를 여러번 하다보면 새로고침을 했는데도 불구하고 결제수단이 국민카드 등으로 이미 선택이 되어있는 경우가 있는데 이때 결제 요청을 해도 아무 반응이 없는것을 확인했습니다. 이것으로 추측해볼 수 있는 원인이 있을지요?
원래 이전에 결제한 건이 있으면 결제할때 사용한 결제수단이 선택되는게 스펙입니다.
그럼 그건 무관한 내용이군요 확인감사합니다. 혹시 저번처럼 계정정보 전달드리면 확인이 가능하실까요? 바뀐 레이아웃이 영향이 있는지 확인이 잘 되지 않아서 요청드립니다
저번에도 그렇고 지금도 보면 뭔가 결제를 진행하시기 전에 처리하는 로직때문에 이슈가 되는게 아닐까 싶습니다. 그냥 빈페이지에 결제위젯만 구현하셔서 해당 현상이 재현되는지 확인부탁드립니다.
아 네넵 저번에 전달드린 링크
~.co.kr/test1
이 페이지가 아무것도 없이 결제위젯만 있는 페이지 입니다.
어떻게 하시면 재현이 되시나요?
저도 동일한 문제를 겪고 있는데, 혹시 이 문제 해결이 되었을까요?
최종적으로 제가 재현 스텝을 문의 드렸을때 답변이 없으셨습니다. 해결여부는 우디님만 아실것 같네요.
혹시 토스에서 제작한 버블 프로젝트 edit view 모드로 공유주실 수 있으실까요? 뭔가 구현에 차이가 있는 것인지,
토스에서 제공하는 테스트 결제에서는 해당 문제가 안나오고 있는 것 같아서요
저희도 팝업 내에 결제 위젯을 사용하고 있긴 합니다. 사용자들에게는 혹시 결제가 안되면 새로고침후에 다시 진행해달라고 메시지를 적어두긴 했는데,
어쩔때는 되고 어쩔때는 안됩니다.
팝업내에서 결제창을 여는건 일반적으로 저희가 권장하는 방법은 아닙니다.
아마도 해당 팝업이 버블내에서 show hidden 되면서 문제가 생기는게 아닐까 싶습니다.