嵌入式表单

<script src="https://checkout.subotiz.com/static/subotiz/v0/subotiz.js"></script>

<div id="your_domElement">
    <!-- 结账页面将在这里显示 -->
</div>

curl --location 'https://api.subotiz.com/api/v1/session' \
--header 'Content-Type: application/json' \
--header 'Authorization: Bearer {your_api_key}' \
--header 'Request-Id: dd7fb126-be31-4144-a1af-e4bf4203eb92' \
--data-raw '{
        "access_no":       "77d52a21dc032b4",
        "sub_merchant_id": "2816433",
        "order_id":        "123e4567-e89b-12-a456-426622201a",
        "payer_id": "customer_id_001",
        "customer_id":     "",
        "email":           "[email protected]",
        "line_items": [                        # 商品信息，checkout 模式必传
            {
                "price_id": "543321366326164797",
                "quantity": "1"
            }
        ],
        "return_url":   "https://www.subotiz.com",
        "cancel_url":   "https://www.subotiz.com",
        "mode": "checkout",      # 有商品选择 checkout 模式
        "integration_method": "embedded",   # 选择嵌入式集成
        "redirect_on_completion": "if_required" # 根据业务场景选择是否跳转，这里示例仅在必要的时候进行重定向
    }'

// After importing via the script tag, Subotiz is automatically attached to the window object
const {
    Subotiz
} = window;

// Create an SDK instance
const subotiz = Subotiz();

// Initialize checkout
const checkout = await subotiz.initEmbeddedCheckout({
    fetchSessionUrl: async() => {
        // Fetch the sessionUrl from your server
        const response = await fetch('/api/session');
        const data = await response.json();
        return data.sessionUrl;
    },
    environment: 'SANDBOX', // 'SANDBOX' | 'PRODUCTION'
    // The callback function when the payment completed only triggers when `redirect_on_completion`  is set to `if_required` during Checkout session creation
    onComplete: () => {
        console.log('Payment completed!');
    }
});

// Mount to the page
checkout.mount('#checkout-container');