嵌入式表单

<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]",
        "return_url":   "https://www.subotiz.com",
        "cancel_url":   "https://www.subotiz.com",
        "mode": "payment",            # 无商品选择 payment 模式
        "total_amount": "10",         # 传入需要收款的金额，payment 模式必传
        "integration_method": "embedded",    # 选择嵌入式集成
        "redirect_on_completion": "if_required" # 根据业务场景选择是否跳转，这里示例仅在必要的时候进行自动跳转
    }'

// 通过script标签引⼊后，Subotiz会⾃动挂载到window对象
const {
    Subotiz
} = window;
// 创建SDK实例
const subotiz = Subotiz();
// 初始化结账
const checkout = await subotiz.initEmbeddedCheckout({
    fetchSessionUrl: async() => {
        // 从服务器获取sessionId
        const response = await fetch('/api/session');
        const data = await response.json();
        return data.sessionUrl;
    },
    environment: 'SANDBOX', // 'SANDBOX' | 'PRODUCTION'
		// 支付完成时的回调函数仅在创建Checkout Session时将`redirect_on_completion` 设置为 `if_required` 时触发。
    onComplete: () => {
        console.log('⽀付完成！');
    }
});
// 挂载到⻚⾯
checkout.mount('#checkout-container');