결제창 체험 (인증)

실제 KPN 결제창을 호출하여 인증 단계까지 체험합니다. 승인은 진행하지 않으므로 실결제는 발생하지 않습니다.

개발계 테스트 환경

개발계 환경에서만 실행됩니다. (테스트 가맹점 ID: testcorp) 모바일 결제창 확인은 브라우저 창 크기를 줄여 반응형으로 확인할 수 있습니다.

자동 설정 항목

mxIssueNodevelop_demo_YYYYMMDD_난수

mxIssueDate현재 시각 (YYYYMMDDHHMMSS)

callHashSHA256(mxId + mxIssueNo + amount + passKey)

파라미터 설정

결제수단 payMethod

금액 amount

1,004원은 당사 정책에 따라 매입 처리되지 않으며, 매입 취소도 불가능합니다. 운영환경에서 테스트하실 경우 1,004원 이외의 금액을 사용해 주세요.

휴대폰 결제 유형 phoneItemInfo필수

가상계좌 입금통보 URL vactNotiUrl필수

가상계좌 입금 시 통보받을 URL입니다.

상품명 orderName

결제창 방식 openType

HTML / JavaScript

<script src="https://dev.firstpay.co.kr/js/firstpay_v2.js"></script>
<script>
    let pay = new FirstPay({
        env: "develop",
        openType: "layer",
        onFailure: (error) => {
            console.error(`[${error.code}] ${error.message}`);
        }
    });

    pay.goPay({
        mxId: "testcorp",
        mxIssueNo: "develop_demo_YYYYMMDD_XXXXX",
        mxIssueDate: "YYYYMMDDHHMMSS",
        orderName: "테스트 상품",
        amount: 1000,
        phoneItemInfo: "1",
        vactNotiUrl: "https://your-server.com/notify",
        returnUrl: "{returnUrl}",
        callHash: SHA256(mxId + mxIssueNo + amount + passKey)
    });
</script>