모바일 결제 문의
안녕하세요, 버블(bubble io) 에서 토스 페이먼츠 위젯을 이용해서 결제 진행을 하고 있는데, PC에서는 결제가 잘 이루어지는데 모바일에서는 결제 완료까지 되지만 실제로 금액이 상점에서는 결제 내역이 확인되지 않습니다.(실제로 돈도 빠져나가지 않았습니다.)
어디에서 잘못 되었는지 모르겠어서 여쭤봅니다.ㅠㅠ
22 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
PC 와 모바일이 다르지는 않습니다. 혹시 모바일용 페이지가 별도로 있으신가요?
별도로 모바일 페이지가 있으시다면 키 설정관련 부분을 잘 확인해주시기 바랍니다.
혹시 MID 도 알려주실수 있을까요?
mid: hebronjkat
입니다!
필수파라미터 누락 에러가 확인 되네요
승인 호출 페이지에서 when page is loaded 이벤트 부분 파라미터 추가 되었는지 확인 해보시겠어요?
https://velog.io/@tosspayments/%EB%85%B8%EC%BD%94%EB%93%9C-%ED%88%B4-%EB%B2%84%EB%B8%94Bubble%EC%97%90%EC%84%9C-%EA%B2%B0%EC%A0%9C-%EC%97%B0%EB%8F%99%ED%95%98%EA%B8%B0
여기에 설정 관련 자세한 설명이 있으니, 참조하시면 도움이 됩니다
velog
개발자들을 위한 블로그 서비스. 어디서 글 쓸지 고민하지 말고 벨로그에서 시작하세요.
필수파라미터가 paymentKey, orderId, amout 인가요?ㅠㅠ
네 맞아요.
인증이 완료 되고, widget-success 페이지로 쿼리파람으로 이 값들이 넘어갈 것이고,
when page is loaded 로 이 쿼리파람 데이터들을 가져와서 승인 API 호출에 사용하게 됩니다
API Connector 에 값을 넣는 것과는 상관이 없을까요~?
https://velog.io/@tosspayments/노코드-툴-버블Bubble에서-결제-연동하기
여기에 설명된 내용이 아니라, 직접 API 호출을 구현 하시나요?
velog
개발자들을 위한 블로그 서비스. 어디서 글 쓸지 고민하지 말고 벨로그에서 시작하세요.
API 호출 부분까지 패키지에 들어 있을텐데요
Plugins > TossPayments Widget APIs - confirm payments 가 호출하는 API 설정하는 방법인데요
지금 이 방법을 사용하지 않으시는 건가요?
맞습니다 위젯으로 사용하고 있습니다!
위젯 패키지 쓰고 계시면,
API Connector 로 API 호출 별도 구현하지 마시고,
제가 전달드린 사이트에 설명된 방식으로 작업 해주세요
When Page is loaded
Plugins > TossPayments Widget APIs - confirm payments
Get data from page URL
Parameter name에 맞춰 paymentKey, orderId, amount 입니다
widget-success 이름으로 페이지 만드셨어야 합니다
PC 에서는 되셨다고 하셨는데, PC 는 패키지 없을때 직접 구현하셨나요?
넵 말씀해주신대로 해보겠습니다!
PC에서는 결제하면 되었는데
화면에서는 계속 결제 완료가 되었는데 실제로 돈은 지출이 되지 않더라고요ㅠㅠ
그렇군요
승인까지 전부 구현 완료하셔야 결제 완료 입니다.
링크에 자세히 설명되어 있으니, 보시면 도움 되실거에요
늦은 시간까지 진심으로 감사합니다!!ㅠㅠ
마지막으로 한 가지만 더 여쭤봐도 될까요?ㅠㅠ
지금 말씀해주신 부분으로 구현하고 있는데 amount는 's body amount가 안나오는데... 원래 안 나오는 것이 맞나요?ㅠㅠ
지금 보는 설정이 step 1 인가요 step 2 인가요
step 2 state 는 승인 API 호출 후 결과 처리하는 부분이에요
지금 step 1 설정 마무리 하고 step 2 보시는거 맞으신가요?
넵! 스텝1은 마무리 했습니다!
네, 그러면 이제 state 에서 원하는 값을 추출해서 사용하게 될텐데
https://docs.tosspayments.com/reference#%EA%B2%B0%EC%A0%9C-%EC%8A%B9%EC%9D%B8
여기서 결제승인 응답 파라미터 들을 확인할 수 있어요
코어 API | 토스페이먼츠 개발자센터
토스페이먼츠 API 엔드포인트(Endpoint)와 객체 정보, 파라미터, 요청 및 응답 예제를 살펴보세요.
결제 금액은
"totalAmount"
이 값을 쓰시면 됩니다
또는 , 카드결제였다면
card array 내에 amount 가 있어요
card amount 로 보일거에요
감사합니다ㅠㅠㅠㅠㅠ 말씀해주신 내용으로 해보겠습니다!!
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.