Next.js, SpringBoot - 토스 결제 연동 (테스트용)

1. 프론트) 결제위젯 열기 전 결제데이터 임시저장 api

2. 백엔드) 임시 결제데이터 redis에 저장

3. 프론트) 결제위젯 열어 결제 처리

4. 프론트) 결제 이후 Next server api로 이동 후 정합성 검증 확인

5. 백엔드) 검증 이후 결제승인처리

6. 프론트) 승인완료시 결제완료페이지 이동

 

 

결제위젯 클라이언트 테스트 키, 결제승인 API 시크릿 테스트 키는 아래 문서에서 확인 가능

https://docs.tosspayments.com/guides/v2/payment-widget/integration

연동하기 | 토스페이먼츠 개발자센터

---

1. 위젯 연동