iamport api 적용하기

1. iamport사이트에 들어가서 결제식별코드 만들기.

order 결제부분으로 넘어가는 버튼창에서 실행되도록 붙였다.

2. iamport 를 사용하기위한 header 부분 작성

<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script type="text/javascript" src="https://service.iamport.kr/js/iamport.payment-1.1.5.js"></script>```

3. 필요한 부분에 버튼 기능 넣고 api소스 작업

<button id="check_module" type="button" class="popup btn btn-style btn-primary" style="float: right;">버튼</button>
         </p>
         <script>
            $("#check_module").click(function () {
            var IMP = window.IMP;
            IMP.init('imp02152838');
            IMP.request_pay({
            pg: 'inicis', 
            pay_method: 'card',
            merchant_uid: 'merchant_' + new Date().getTime(),
            name: '${productDes.product_content} ${productDes.product_amount}',
            //결제창에서 보여질 이름
            amount: 100,
            //가격
            buyer_email: '${login.member_email}',
            buyer_name: '${login.member_name}',
            buyer_tel: '010-9279-6456',
            buyer_addr: '${pay_address}',
            buyer_postcode: '123-456',
            m_redirect_url: 'orderSu?member_number=4' //결제 끝나고 랜딩되는 페이지 
            }, function (rsp) {
            console.log(rsp);
            if (rsp.success) {
            var msg = '결제가 완료되었습니다.';
            msg += '고유ID : ' + rsp.imp_uid;
            msg += '상점 거래ID : ' + rsp.merchant_uid;
            msg += '결제 금액 : ' + rsp.paid_amount;
            msg += '카드 승인번호 : ' + rsp.apply_num;
            location.href="orderSu?member_number=4";
            } else {
            var msg = '결제에 실패하였습니다.';
            msg += '에러내용 : ' + rsp.error_msg;
            }
            alert(msg);
            });
            });
         </script>