신클라이언트
안녕하세요 현재 쇼핑몰 프로젝트로 결제 부분을 토스페이먼츠를 테스트로 연동시켜보려고합니다.
테스트 클라이언트키와 테스트 시크릿키로 토스페이먼츠를 연동하려고하는데요.
제가 생각한 흐름은
1. 프론트에서 주문 정보를 받고 결제하기 버튼을 눌렀을 때 스프링부트(백엔드)에의 결제 요청api로 orderId와 amount, orderName 등 정보를 DB에 한번 저장하고 응답 값을 넘겨준다.
2. 응답값(orderId, orderName, amount) 을 받은 프론트는 이값을가지고 토스페이먼츠의 결제 위젯을 렌더링한다.
3. 위젯에서 결제수단 선택(토스, 네이버, 신용/체크카드)를 선택하고 "위젯"의 결제하기 버튼을 누른다
4. (토스를 선택했다고 가정) 휴대폰 번호와 이름을 입력 or qr코드 인증을 한다.
5. 인증 성공시 successUrl로 이동한다. succesUrl로 이동할 때 paymentKey와 amount orderId를 같이 보내준다.
6. 3가지 값을 받은 프론트는 이 값을 spring 서버로 전달한다.
7. spring 은 3가지 값을 토스페이먼츠의 결제 승인 api로 보낸다.
8. 승인 성공 시 응답값을 준다.
이렇게 이해하고 있습니다.
여기서 궁금한점은
1. 샌드박스에서 테스트를 했을 떄 qr코드까지 인증을 완료했을 때 결제 승인 버튼이 나오던데 그 경우는 위의 과정 중에서 몇번에 해당할까요?
2. 테스트 클라이언트키를 통해서 객체를 초기화했을 때 테스트 시크릿 키와 테스트 클라이언트키는 한 계정에 나와있는 세트여야하겠죠?
3. 실제 서비스가 아니라 쇼핑몰 프로젝트에서 결제를 토스페이먼츠로 구현하는 것이 목표인데 실제로 토스페이먼츠를 도입한것처럼 사용 가능하겠죠?(ex) 가격을 주문 했을 떄의 가격으로 결제 가능, 가이드에서는 하드코딩되어있어서용)
4. 1번에서 orderId를 보낼 때 auto_increment로 생성된 값인 number타입이면 안되나요? api문서에 나와있는 6자이상 64자이하의문자열과 같은 형식을 지켜야할까요?)
5. 위에서 말한 결제 흐름이 맞을까요? (저희는 next.js(프론트)와 springboot(백엔드)입니다!
테스트 클라이언트키와 테스트 시크릿키로 토스페이먼츠를 연동하려고하는데요.
제가 생각한 흐름은
1. 프론트에서 주문 정보를 받고 결제하기 버튼을 눌렀을 때 스프링부트(백엔드)에의 결제 요청api로 orderId와 amount, orderName 등 정보를 DB에 한번 저장하고 응답 값을 넘겨준다.
2. 응답값(orderId, orderName, amount) 을 받은 프론트는 이값을가지고 토스페이먼츠의 결제 위젯을 렌더링한다.
3. 위젯에서 결제수단 선택(토스, 네이버, 신용/체크카드)를 선택하고 "위젯"의 결제하기 버튼을 누른다
4. (토스를 선택했다고 가정) 휴대폰 번호와 이름을 입력 or qr코드 인증을 한다.
5. 인증 성공시 successUrl로 이동한다. succesUrl로 이동할 때 paymentKey와 amount orderId를 같이 보내준다.
6. 3가지 값을 받은 프론트는 이 값을 spring 서버로 전달한다.
7. spring 은 3가지 값을 토스페이먼츠의 결제 승인 api로 보낸다.
8. 승인 성공 시 응답값을 준다.
이렇게 이해하고 있습니다.
여기서 궁금한점은
1. 샌드박스에서 테스트를 했을 떄 qr코드까지 인증을 완료했을 때 결제 승인 버튼이 나오던데 그 경우는 위의 과정 중에서 몇번에 해당할까요?
2. 테스트 클라이언트키를 통해서 객체를 초기화했을 때 테스트 시크릿 키와 테스트 클라이언트키는 한 계정에 나와있는 세트여야하겠죠?
3. 실제 서비스가 아니라 쇼핑몰 프로젝트에서 결제를 토스페이먼츠로 구현하는 것이 목표인데 실제로 토스페이먼츠를 도입한것처럼 사용 가능하겠죠?(ex) 가격을 주문 했을 떄의 가격으로 결제 가능, 가이드에서는 하드코딩되어있어서용)
4. 1번에서 orderId를 보낼 때 auto_increment로 생성된 값인 number타입이면 안되나요? api문서에 나와있는 6자이상 64자이하의문자열과 같은 형식을 지켜야할까요?)
5. 위에서 말한 결제 흐름이 맞을까요? (저희는 next.js(프론트)와 springboot(백엔드)입니다!
