JavaScript : React.js, Java : SpringBoot 프레임웍 사용
- Front에서 결제 컨트롤러로 요청 보냄(Payment 객체에 Toss에서 필요한 요청을 전송하는 값들을 담아서
- Back에서 매핑주소를 이용해서 Responsebody에 원하는 JSON형식을 담아 프론트에 리턴해줌( return ResponseEntity.ok(response.getBody());)
- 결제결과 callBack에서 400이 나오면 orderId를 재생성 후 다시요청, 그래도 안되면 실패로 반환하도록 검증로직 구현하기
- 200을 받아오면 그때서야 토스 결제페이지로 리디렉션(response의 body에 checkoutPage 형태로 받아옴
- 결제 페이지를 받아와서 리디렉션 하는 코드
- 4의 메서드로는 토스에서 보내는 요청(응답)이 토큰을 가지고 있지 않기 떄문에 해당 200코드를 해결하는 프로트엔드 로직이 필요
로그 찍는 방법이 잘못되어 원래대로 불러오는게 맞았는데 console.log("",response);로 찍어보도록 하자
올바른 요청주소는 response.data.checkoutPage 였다.
-
retUrl로 프론트 주소를 설정하고, 이후 프론트엔드에서 onLoad 시점에 controller로 결제정보를 반환받도록 비동기 처리를 하자
-
SearchParams 모듈을 써서 들어오고 있는 status등 결제 정보를 받아옴..!
-
보낸정보를 토대로 백엔드 컨트롤러에서 받아서 로직검증
아래가 컨트롤러(리턴해줍니다)
-
결제 완료 프론트엔드에서 들어온 요청을 검증 후 결제완료 창을 표시하면 결제 완료
추가로 결제정보를 DB에 담는것과 위조정보 검증로직, 트랜잭션 처리 필요
세계평화를 원하는 사람입니다.