Vue + Spring boot 결제연동
https://github.com/tosspayments/payment-samples
의 샘플코드에서 /payment-window/vue 소스를 실행하여 테스트 진행 중입니다.
기존에는 Classic Asp 를 사용하여 결제연동 사용중이었습니다.
질문 1. /App.vue 파일의 clientKey 는 어디서 어떻게 발급받아야 하나요?
질문 2. /views/successPage.vue 파일의 token 은 어디서 발급 받아야 하나요?
질문 3. /views/successPage.vue 파일에서 https://api.tosspayments.com/v1/payments/confirm 로 요청하여 성공하였을 때, 실제 카드 결제가 이뤄지는것인가요?
질문 4. https://github.com/tosspayments/payment-samples/tree/main/payment-window/vue 의 README.md 기본설명 부분에 '승인 API를 호출 로직은 Server side 언어를 사용하여 구현해야 합니다.' 이러한 설명이 있었습니다.
이 말은 https://api.tosspayments.com/v1/payments/confirm 이 API 호출은 Server side 언어를 사용하여 호출하라는 의미가 맞을까요?
질문 5. Classic Asp 를 사용 할 때에는 상점 DB 처리 중 오류가 발생 하였을 때 xpay.Rollback 함수를 사용하였습니다. 이와 같은 기능으로 /v1/payments/{paymentKey}/cancel API 를 사용하면 될까요?
GitHub
GitHub - tosspayments/payment-samples
Contribute to tosspayments/payment-samples development by creating an account on GitHub.
GitHub
payment-samples/payment-window/vue at main · tosspayments/payment-s...
Contribute to tosspayments/payment-samples development by creating an account on GitHub.
4 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
1. 상점 계약을 하셨다면 개발자 센터에서 받으실수 있습니다. 간단하게 tosspayments 홈페이지에 가입하시면 테스트용 상점을 발급받아 사용하실수 있습니다.
2. token은 secretkey 를 base64로 인코딩한 값입니다.
3. 네 맞습니다.
4. 맞습니다
Rollback은 더이상 지원하지 않으므로 취소를 사용해 주시면 됩니다.
토스페이먼츠 결제창 연동하기 | 토스페이먼츠 개발자센터
카드 결제창을 연동해보세요.
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.