토스페이먼츠 Spring + JavaScript 샘플 프로젝트

결제위젯 JavaScript SDK로 결제 과정을 구현한 Spring 샘플 프로젝트입니다. 자세한 연동 방법과 결제 과정은 공식 연동 문서에서 확인하세요.

실행하기

1. IntelliJ로 샘플 프로젝트를 빌드하고 실행하세요.

2. 로컬 환경에서 샘플 프로젝트를 확인하세요.

제품	링크
결제위젯	http://localhost:4000/public/widget/checkout.html
결제창(일반결제/정기결제)	http://localhost:4000/public/payment/checkout.html

인증하기

샘플에 있는 키로 연동이 가능하지만, 내 테스트 연동 키를 사용하면 테스트 결제내역, 웹훅 기능을 사용할 수 있어요. 내 테스트 연동 키는 개발자센터에서 확인할 수 있습니다. 더 자세한 내용은 API 키 가이드를 참고하세요.

• 클라이언트 키

  • 결제위젯: src/main/resources/templates/widget/checkout.html 파일에 있는 clientKey를 내 결제위젯 클라이언트 키로 수정하세요.
  • 결제창: src/main/resources/templates/payment/checkout.html 파일에 있는 clientKey를 내 결제위젯 클라이언트 키로 수정하세요.

• 시크릿 키

  • 결제위젯: src/main/java/com/example/demo/controller/PaymentController.java 파일에 있는 WIDGET_SECRET_KEY를 내 결제위젯 시크릿 키로 수정하세요.
  • 결제위젯: src/main/java/com/example/demo/controller/PaymentController.java 파일에 있는 API_SECRET_KEY를 내 결제위젯 시크릿 키로 수정하세요.

더 알아보기

• 토스페이먼츠 공식 문서
• 1:1 채팅(Discord)