결제창호출
개발자센터-한국어
고객사 주문페이지에 결제수단별 버튼을 만들어 해당 결제수단을 바로 호출합니다.
명시적으로 버튼에 특정 PSP의 결제수단을 연결할 수 있으며 파라미터 변경을 통해 멀티PG를 구현 할 수 있습니다.
파라미터 셋팅 및 결제창 호출
<html>
<head>
<!--PortOne SDK-->
<script src="https://static.portone.cloud/portone.js"></script>
<script>
// PortOne API Key로 객체 초기화
const portone = new window.PortOne({
portOneKey : 'pptafmcddmszvgXl'
})
// 파라미터 셋팅
var data = {
key:"pptafmcddmszvgXl",
pmt_channel:"TAZAPAY",
pmt_method:"TAZAPAY_CREDIT_CARD",
merchant_order_id:"MERCHANT1617366877238",
signature_hash:"10b664f803035a2146b26949041c2ce8c8693512e4b85159d3c43b001a714af0",
amount:4000,
currency:"VND",
environment:"sandbox",
description:"Product description"
country_code:"VN"
response_type:"redirect_url_only",
override_auto_redirect:true,
success_url:"http://www.youdomain.me/result/success",
failure_url:"http://www.youdomain.me/result/failure"
};
function call_PortOne_payment() {
// 결제창 호출
portone.paymentService.payment(data,
function (rsp) {
// override_auto_redirect : true로 설정된 경우 콜백으로 결과내려옴
console.log ("Processing Response Data: ", rsp.data);
}
);
}
</script>
</head>
<!--begin::Body-->
<body>
<!--결제버튼 생성-->
<button onclick="call_PortOne_payment();">결제하기</button>
</body>
<!--end::Body-->
</html>
signature_hash는 업무별 hash 생성로직 또는 Generate signature hash API를 이용하여 생성하실 수 있습니다.
요청 파라미터가 위변조 되는 경우 signature_hash값의 불일치가 발생하여 결제가 거절됩니다.
요청 파라미터가 위변조 되는 경우 signature_hash값의 불일치가 발생하여 결제가 거절됩니다.