EBP V2 :: SDK Testbed

1. CREATE PAYMENT INTENT (EBP API)

Profile:

EBP API(/api/v2/payment-intents)를 호출하여 결제 의사(Payment Intent)를 생성합니다.
호출 결과로 반환된 JSON 응답 객체가 아래 영역에 실시간으로 표시됩니다.

API Response JSON:

2. PROCESS PAYMENT (EBP SDK)

PgProvider: -

PG Provider: -

UI Mode:

EBP API의 응답 객체와 가맹점에서 정의한 EBP SDK 설정값(Options)을 결합하여 SDK 환경을 구성합니다.
EbpSdk.processPayment(response, options)를 호출하여 각 국가 및 PG사 규격(Popup / Embedded)에 맞춰 결제 프로세스를 개시하고 UI를 초기화합니다.

SDK Configuration:

3. MERCHANT TEST AREA (WORLDPAY CARD FORM)

[3DS Test Scenarios] - Click to set Holder + Copy CardNum to clipboard

[Merchant Form HTML Source]

<!-- 가맹점 결제 페이지 구현 예시 -->
<form id="payment-form" class="form-sim">
    <!-- Cardholder Name Field -->
    <div class="form-group">
        <label for="card-holder">Cardholder name</label>
        <input type="text" id="card-holder" placeholder="Jordan Smith" autocomplete="off">
    </div>

    <!-- Card Number Field -->
    <div class="form-group">
        <label>Card number</label>
        <div class="input-wrapper">
            <div id="card-number" class="hosted-container"></div>
        </div>
    </div>

    <!-- Expiry & CVV Row -->
    <div class="form-row">
        <div class="form-group flex-1">
            <label>Expiry date</label>
            <div id="card-expiry" class="hosted-container"></div>
        </div>
        <div class="form-group flex-1">
            <label>Security code</label>
            <div class="input-wrapper">
                <div id="card-cvv" class="hosted-container"></div>
                <span class="cvv-icon">🔒</span>
            </div>
        </div>
    </div>

    <!-- Submit Button -->
    <div class="form-submit">
        <button type="button" id="pay-btn" disabled>
            <span class="lock-icon">🔒</span> Pay Now
        </button>
    </div>
</form>

3. MERCHANT TEST AREA (CHECKOUT.COM SDK FLOW)

[Merchant Form HTML Source]

<!-- 가맹점 결제 페이지 구현 예시 -->
<div id="checkoutcomContainerDiv-demo" style="margin-bottom: 20px; min-height: 200px; border: 1px dashed #ccc; padding: 15px; background: #fafafa;"></div>

3. MERCHANT TEST AREA (WORLDPAY HPP FLOW)

[Merchant Form HTML Source]

<!-- 가맹점 결제 페이지 구현 예시 -->
<div id="worldpayContainerDiv-demo" style="margin-bottom: 20px; min-height: 200px; border: 1px dashed #ccc; padding: 15px; background: #fafafa;"></div>