결제 연동 후 다음 과정을 잘 모르겠습니다!
비주얼 스튜디오에 직접 만든 웹사이트에 결제 연동을 시도하고 있는데, 개발자 센터 보면서 결제위젯 연동까지는 완료했습니다. 이후 어떤 작업을 해야할지 감이 안 와 여쭤보러 왔습니다!
현재 결제하기를 누르면 결제창이 뜨고, 테스트 결제까지 잘 이루어집니다.
1. 결제 값이 현재 설정된 값으로 고정인데, 제 사이트에서 넘어온 장바구니 값으로 변경되었으면 좋겠습니다.
2. 결제 시 고객이 입력한 정보는 저한테 어떻게 전달되나요?
3. 결제 연동이 끝난 상태(현재)에서 계약을 하면 되는 건가요?
21 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
결제시 고객이 입력하는 정보는 없습니다.
개발자이신가요?
1. 결제값이 어떤 의미인지 자세하게 설명해주세요
2. 결제에 따라 입력 여부가 갈리지만 가장 많이 사용하는 형태인 앱카드 인증결제는 고객 입력값이 없습니다. (결제결과 받을 이메일정도만 있어요) 고객이 입력한 정보를 PG에서 받게되면 개인정보에 해당하는 값들은 내려드리기 어렵습니다. 보통은 주문서 페이지에서 고객에게 직접 입력받으시고 결제창을 열때 보내주고있어요
3. 계약을 먼저 하셔도 상관없습니다. 카드사 심사 등 계약에 소요되는 절대적인 시간이 존재하므로 보통은 먼저 진행하는것이 좋습니다.
1. 제 웹사이트 내에 장바구니 시스템이 있어서, 결제 창에 총 금액이 나옵니다. 이 값을 결제 값으로 하고 싶은데, 이게 전달이 불가능한가요?
제가 프런트 엔드만 조금 공부하고 제작한 사이트라 지식이 너무 부족한 좀 양해 드립니다.
그러면... 결제값이라는것이 "결제요청 금액" 으로 보면될까요?
네네 맞습니다!
그걸 여기 const amount = 50000; 에 넣고 싶은 건데, 이게 잘 안되어서요..
음.. 제 소견이긴한데요. 지금 결제연동이 문제가 아닐거같습니다.
아 이게 간단한 게 아니군요
결제창을 띄우셨으면 amount 를 보내셨을거에요
그 값을 세션이든 DB든 기억을 하고 있어야해요
결제창에서 인증이 끝나면 get 방식으로 amount, orderId, paymentKey 를 전달드리는데요
그걸 받아서 결제요청시에 보낸값이 맞는지를 확인해야 합니다.
이걸 안하시면 해커를 통해 결제금액 위변조가 발생할 수 있어요
사용하시는 언어는 어떤것인가요?
비주얼스튜디오라고 하셔서 C# 을 생각하고 있었어요
요즘 신규 개발에 많이 쓰이는 언어는 아니긴합니다
아 html css로 만들었습니다!
그렇군요!
그러면 개발툴로 비주얼스튜디오코드를 사용하신것 같아요
아아 네 그렇게 말씀드려야 하는군요
도구는 큰 상관없습니다.
결제는 크게 인증, 승인 두 단계로 이루어지는데요
결제창을 열고 인증결과를 Frontend 로 받는부분까지가 인증이고
아마...여기까지 하셨을거같아요
이 내용은 html에서만 해도 처리 가능합니다
네네 맞습니다
이후에는 Backend 로 저희쪽 API 서버와 통신을 하셔야해요
Frontend 는 어느정도 하셨으니 이제 Backend 를 하시면 됩니다
https://cheekoshop.com/
백엔드로는 node.js 사용하면 된다 하여 최대한 찾아보며 하고 있었는데, 혹시 개발자 가이드 내에서 어떤 것 보면서 하면 되나요?
node 샘플은 아래 github 참조 해보시면 도움이 되실 겁니다.
https://github.com/tosspayments/payment-samples/tree/main/payment-window/node
GitHub
payment-samples/payment-window/node at main · tosspayments/payment-...
토스페이먼츠 결제 API 및 결제창 샘플 코드입니다. Contribute to tosspayments/payment-samples development by creating an account on GitHub.
감사합니다! 시도해보고 또 연락드리겠습니다.
GitHub
payment-widget-sample/node-vanillajs at main · tosspayments/payment...
토스페이먼츠 결제위젯 샘플 프로젝트입니다. . Contribute to tosspayments/payment-widget-sample development by creating an account on GitHub.
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.