결제 기능은 거의 모든 서비스에 존재하는데 광고를 주 매출로 하는 커뮤니티 사이트들을 제외하고는 거의 모든 웹 애플리케이션에는 결제 기능이 기본적으로 탑재가 되어 있다.
그렇기 때문에 결제 기능을 한 번 만들어 보는 것도 나쁘지 않다는 생각이 든다. 이번 포트폴리오에서는 진짜 결제는 하지 못하지만 테스트 용으로 한 번 찍먹을 해보는 것으로 정했다.
일단 카카오페이 API가 테스트용으로도 제공을 해주는 것을 확인을 해서 카카오페이 API를 사용할 것이다.
1. 카카오 디벨로퍼 사이트에 접속 후 애플리케이션을 추가한다.
애플리케이션을 추가한 다음 플랫폼 설정을 통해 본인의 프로젝트의 baseURL을 추가해준다.
2. 단건 결제 전체 흐름도
카카오페이 또한 카카오 로그인하기 와 비슷하게 먼저 본인의 상세 정보를 카카오페이 서버로 전달을 하여 고유번호(TID)를 받아야 한다.
카카오 로그인하기는 먼저 AuthCode를 받는다.
먼저 결제하기 아마 버튼이 있을 것인데 결제하기 버튼에 고유번호를 받기 위해서 카카오페이 API요청을 한다 모자이크 처리 된 부분은 본인의 admin_key를 넣으면 된다.
cid를 TC0ONETIME으로 해줘야 테스트용으로 사용할 수 있다.
고유 번호를 받기 위해서는 필수 정보가 꽤나 많이 필요하다.
동그라미가 되어 있는 목록은 반드시 전달을 해줘야하는 데이터들이다. 필수 데이터들을 모두 전달을 하면 응답으로
이렇게 response에서 본인의 환경에 맞는 redirect URL을 전달을해주는데 이 URL은
결제 대기 화면 으로 redicrect를 시켜주고 결제 수단을 선택할 수 있다. 해당 화면은 레이어나 팝업둘 중 본인이 원하는 방식으로 띄울 수 있다.
그리고 정보를 입력한 뒤 결제요청 버튼을 클릭 시
위의 URL로
동그라미가 쳐져있는 데이터를 같이 전달을 해주면 결제하기를 완료 할 수있다.
일단은 직접 해보지는 않았지만 어떤 프로세스인지 쭉 살펴보고 구현하려고 하는데 그렇게 어려운 내용은 없는 것 같지만 전달해줘야하는 데이터가 꽤나 많고 처음 해보는거라 시간이 꽤나 많이 걸릴 수도 있을 것 같다.
하지만 재미있을 것 같기도 하니 수요일 까지는 반드시 구현을 하는 것으로 하자
'프로젝트' 카테고리의 다른 글
TIL-221130 - spring 카카오페이 단건결제 구현하기 (0) | 2022.11.30 |
---|---|
221129- 카카오페이 API사용해보기 (0) | 2022.11.29 |
TIL-221127- 컨트롤러는 커질수가 없는 친구 (0) | 2022.11.27 |
TIL-221126- 어떤 문제인지 헛다리를 짚었구나.. (0) | 2022.11.26 |
TIL-221125 - 자바스크립트 상속 알아보기 (0) | 2022.11.25 |