살아오면서 PC방, 편의점, 다이소 등등 QR코드만 찍으면 바로 결제되는 세상에서 살고있고, 최근들어 카카오pay, 네이버pay가 가능해지는곳이 눈에띄게 들어나고 있다.
오늘 카페에서 카카오페이로 주문을 했다.
이전에도 그리했지만 순간 "내 QR코드도 만들어 보고 싶다" 라는 생각이 들었다.
이번 시간에는 여러 가맹점에서 가격에 따라 변동되는 정적인 QR는 아니지만 내 카카오페이랑 연결된 QR코드를 만들고 돈을 받는 것을 해보겠다.
카카오페이 | 개발자센터 | 송금
사진링크(https://developers.kakaopay.com/docs/moneytransfer/sendmoney.link/sendmoney-link-common)
위와 같은 기능을 구현을 하기 위해 카카오페이 개발자 센터에 로그인 했다.
로그인을 하고 나서 가이드 대로 진행을 했다.
우선 어플리케이션이라는것을 생성 해야하나보다.
[시작하기>API공통가이드>사전준비사항]을 클릭
가이드 참조
에플리케이션 등록 컴퓨터에 있는 사진들이 규격이 안맞아 인터넷에 고양이 이미지를 넣었다.
귀여운 고양이가 등록이 됐다.
클릭해서 들어가보니 목록에 적혀있던 영숫자 조합은 이 어플리케이션의
Client ID라는것을 알게됐다.
가이드 따라서 사용 API에 들어가서 코드송금 링크 발급을 진행했다.
코드송금 링크란의 (발급) 버튼을 클릭한다.
1. 카카오페이 회원이 아님
2. 회원상태가 정상이 아님 ( 일시정지,휴먼, 잠금)
아무튼 위 두가지 상태만 아니면 이상없이 발급된다.
이어서 보면 코드송금 링크를 사용하는 방법을 알려준다.
요약하면 "원하는 이미지 고르고 송금 ㄱㄱ"
3개를 보여주는데 나는 가장 큰 걸 골랐다.
다시 내용을 보면 버튼에 발급받은 주소를 넣으라는 말인데
기억안나서 바로 검색
검색결과 href안에 송금링크 넣고, 내사진에 아까 다운로드한 사진의 온라인 링크를 넣어주면 된다.
<a href="송금링크" target = "_blank">
<img src="내사진"/>
</a>_blank는 새탭에서 열기인데 안해주면 내가 보고있는 창이 바뀐다.
온라인 링크는 아까 다운받은 이미지를 velog 글 작성란에 끌어오면 아래와 같이 서버에 저장된 이미지 주소가 나온다.
빅카페송 : (빅카카오페이송금)
빅카페송 버튼 주소를 img src 에 넣어주고, href에는 코드송금 링크를 넣어준다.
설레이는 순간이다. 예전에 구글 Oauth2.0 로그인을 하면서 왜 안되지.. 라는 상황이 많았어서 당연히 돼야할 상황 직전에 항상 떨린다.
눌림
QR코드에 돈을 보내니 나한테 보낼수 없다고 한다.
형에게 부탁해 보니 잘 들어온다.
다음은 코드송금 링크 조회 API 사용할때 Request & Response를 확인하겠다.
