포트원 카드결제 api

포트원 카드결제 api

API 소개 : https://portone.io/korea/ko

1. html에 링크 추가

<div class="pay-button">
<button class="pay-button-tag" onclick="requestPay()" type="button">결제하기</button></div>

<!-- 결제 api 스크립트 -->
<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.min.js" ></script>
<!-- iamport.payment.js -->
<script type="text/javascript" src="https://cdn.iamport.kr/js/iamport.payment-1.2.0.js"></script>

2. js에 코드 추가

// 결제 api연동

var IMP = window.IMP;
IMP.init("imp80000000"); // 가맹점 식별코드

var today = new Date();
var hours = today.getHours(); // 시
var minutes = today.getMinutes();  // 분
var seconds = today.getSeconds();  // 초
var milliseconds = today.getMilliseconds();
var makeMerchantUid = hours + minutes + seconds + milliseconds;

function requestPay() {
	IMP.request_pay({
		pg: 'html5_inicis', // PG사 코드표에서 선택
		pay_method: 'card', // 결제 방식
		merchant_uid: "IMP" + makeMerchantUid, // 결제 고유 번호
		name: $('.title').text(), // 제품명
		amount : totalFinal, // 사용할 가격
		amount: 10, // 연결 확인을 위해 사용한 가격 확인 후 지우기

		buyer_email: $('.front-email-address').val() + '@' + $('.back-email-address').val(),
		buyer_name: $('.who-is-put').val(),
		buyer_tel: $('.cell-phone-put').val(),
		buyer_addr: $('.main-address').val() + $('.sub-address').val(),
		buyer_postcode: $('.mail-address').val()
	}, function(rsp) { // callback
		if (rsp.success) {
			console.log(rsp);
		} else {
			console.log(rsp);
		}
	});
}

3. 시현