결제창호출
개발자센터-한국어
포트원의 통합결제창(체크아웃창)에 신용카드와 간편결제 수단들을 표시하여 고객이 결제수단을 선택 후 결제합니다.
결제수단에 연결되는 PSP는 콘솔에서 설정이 가능하며 다양한 PSP와 결제수단을 한 화면에서 제공할 수 있습니다.
파라미터 셋팅 및 결제창 호출
<html>
<head>
<!--PortOne SDK-->
<script src="https://static.portone.cloud/portone.js"></script>
<script>
// PortOne API Key로 객체 초기화
const portone = new window.PortOne({
portOneKey : 'pptafmcddmszvgXl',
jwtToken : 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9....MiwiZXhwIjoxNjczMzM5MDMy'
})
// 파라미터 셋팅
var data = {
merchant_details: {
name:"p shop",
logo:"images/v184_135.png",
back_url:"https://demo.portone.cloud/checkout",
promo_code:"p-shop350",
promo_discount:0.0,
shipping_charges:0.0
},
merchant_order_id:"MERCHANT1617366877238",
signature_hash:"10b664f803035a2146b26949041c2ce8c8693512e4b85159d3c43b001a714af0",
amount:4000,
currency:"VND",
environment:"sandbox",
description:"Product description"
country_code:"VN"
expiry_hours:24,
is_checkout_embed:true,
show_back_button:false,
show_shipping_details:false,
default_guest_checkout:true,
show_items:false,
success_url:"http://www.youdomain.me/result/success",
failure_url:"http://www.youdomain.me/result/failure"
};
function call_PortOne_payment() {
// 결제창 호출
portone.checkoutService.checkout(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값의 불일치가 발생하여 결제가 거절됩니다.