04_webProject(22) : API - 결제모듈

https://admin.iamport.kr/users/login 

로그인 - 아임포트 관리자

---

 

<!-- 아임포트 결제 API -->
<script type="text/javascript" src="https://cdn.iamport.kr/js/iamport.payment-1.1.5.js"></script>

 

 

WebContent - views

#api.jsp

	<h2>4. 결제모듈 API (아임포트)</h2>
	<div id="pay">
		<h4>
			<label><input type="checkbox" value="1000">1000원</label>
			<label><input type="checkbox" value="5000">5000원</label>
			<label><input type="checkbox" value="10000">10000원</label>
			<label><input type="checkbox" value="10000">50000원</label>
		</h4>
		<h3>총 결제 금액 <span></span>원</h3>
		<button class="btn btn-danger">결제하기</button>
		<p id="paymentResult"></p>
	</div>
	<hr>

 

	<script>
	$(function() {
	  	var totalPay = 0;
	  	$("#pay input").change(function() { //체크박스에 변화가 생겼을 때
		 	if($(this).is(":checked")){ //체크 되어있으면 값 더하기
			 	totalPay += (Number)($(this).val());
		 	} else { //체크 안되어있으면 값 빼기
			 	totalPay -= (Number)($(this).val());
		 	}
		 	$("#pay span").html(totalPay);
	  	});
	  	
	  	$("#pay button").click(function() {
	  		var price = $("#pay span").html();
	  		var d = new Date();
	  		//숫자끼리 더하면 숫자 연산되기 때문에 중간에('')값 더하기
	  		var date = d.getFullYear()+''+(d.getMonth()+1)+''+d.getDate()+''+d.getHours()+''+d.getMinutes()+''+d.getSeconds();
	  		
	  		//여기""안에 내정보-가맹점 식별코드 넣기
	  		IMP.init("~~~~~~~~~~~~~~");
	  		IMP.request_pay({
	  			merchant_uid : '상품명_'+date, //거래ID(고유)
	  			name : '결제테스트', //결제이름
	  			amount : price, //결제금액
	  			buyer_email : 'b_kyeong929@naver.com',//구매자email
	  			buyer_name : "홍길동", //구매자이름
	  			buyer_tel : "010-3317-5973", //구매자 전화번호
	  			buyer_addr : "서울시 영등포구 당산동", //구매자 주소
	  			buyer_postcode : "123-456", //우편번호
	  		}, function(rsp) {
	  			if(rsp.success) { //결제가 성공한 경우 -> 나중에 이거 DB에 넣으면 됨!
	  				var r1 = "고유ID : "+rsp.imp_uid;
	  				var r2 = "상점 거래 아이디 : "+rsp.merchant_uid;
	  				var r3 = "결제금액 : "+rsp.paid_amount;
	  				var r4 = "카드승인번호 : "+rsp.apply_num;
	  				$("#paymentResult").html(r1+"<br>"+r2+"<br>"+r3+"<br>"+r4);
	  			} else {	//결제가 실패한 경우
	  				$("#paymentResult").html("결제 실패 - "+rsp.error_msg);
	  			}
	  		});
	  	});
   	});
	</script>    

 

 

IMP.init("~~~~~~~");

가맹점 식별코드 가져오기

---

 

결제 후에는 결제승인내역에서 검색하고 취소하기

node.js로만