MyShop/api at main · ImTaemin/MyShop
<aside> 💡 이번 포스팅에서는 리액트와 스프링 REST API를 사용한 카카오 페이 연동을 포스팅 한다. CSR을 사용하기 때문에 카카오 페이에 대한 요청이 서버단에서 이뤄지는 점에 주목해서 보자.
</aside>
카카오에서 제공하는 카카오 페이에서는 다음과 같은 기능들을 제공한다.
여기서 나는 단건 결제만 사용한다. 결제 취소도 사용할 수 있지 않냐고 물어볼 수있는데, 나는 결제 취소를 DB에 저장된 주문 상태만 바꿔주는 방식이기 때문에 사용하지 않았고, 정식으로 개발하려면 결제 취소 기능을 사용해야 한다.
각자 애플리케이션을 등록해주고 Admin키를 복사 후 yml 파일에 저장하자.
카카오 페이를 사용하려면 도메인을 등록하거나, IP를 포트 포워딩 하는 등 외부에서 접속할 수 있도록 허용해야 한다.
콘솔 → 플랫폼 → Web 플랫폼 등록에 들어가 다음과 같이 도메인을 추가해주자. 참고로 나는 Web만 사용하기 때문에 Web만 추가했다.
카카오 페이를 사용하기에 앞서 결제 흐름을 파악해보자.
API 문서에서 제공하는 흐름은 다음과 같다.