Cute Happy Ghost
본문 바로가기
Project/Semi

3-1 카카오 결제 API (iamport를 활용한 결제API)

by JENN_tech7 2021. 1. 31.
728x90
SMALL
  • kakopay 결제API
    • 구매부분은 다른 팀원의 부분이고 신용카드결제를 구현하셨다
    • 나는 간단하게 결제되는 카카오페이를 구현하고싶어서 따로 해보았다
      • QR코드와 전화번호로 결제 둘 다 가능하다


먼저 결제 API를 이용하기위해서는 등록을 해야한다

admin.iamport.kr/

 

로그인 - 아임포트 관리자

가입하신 Email주소로 비밀번호 변경 링크를 발송합니다.

admin.iamport.kr

여기서 가입> 로그인을 먼저하고

 

 

 

가맹점 식별코드 확인

 

 

 

 

 

이부분을 몰라서 좀 헤맸다

사진처럼 해주면 된다

 

 

 

 

 

 

 

  • iamport script를 꼭 삽입하고 데이터를 불러와 아래 script에 가맹점 식별코드, 정보등을 넣어준다
<script type="text/javascript" src="https://cdn.iamport.kr/js/iamport.payment-1.1.5.js"></script>

<script>
  

    var IMP = window.IMP; 
    IMP.init(' 가맹점 식별 코드'); 
    IMP.request_pay({
    	pg : "kakaopay", 
        pay_method : 'card',
        merchant_uid : 'merchant_' + new Date().getTime(),
        name : '결제',
        amount : 주문개수,
        buyer_email : '구매자 이메일',
        buyer_name : '구매자 이름',
        buyer_tel : '구매자 번호',
        buyer_addr : '구매자 주소',
        buyer_postcode : '구매자 주소',
        m_redirect_url : 'redirect url'
    }, function(rsp) {
        if ( rsp.success ) {
            var msg = '결제가 완료되었습니다.';
            location.href='결제완료후 갈 url';
        } else {
            var msg = '결제에 실패하였습니다.';
            rsp.error_msg;
            
        }
    });


    </script>

 

 

 

 

 

 

 

PG사가 다양하게 많으니 비슷한 방법으로 API를 적용시킬 수 있다

이 API는 개발테스트를 위한 것이고 실제 카카오페이를 사용하려면 이용료를 내야한다.

 

 

 

테스트를 위하여 결제를 완료해도 돈은 나가지않으니 안심해도 된다

728x90
LIST

댓글