图图支付TutuPay

接入图图支付

让你的产品用图图余额为增值服务收费,不必自建支付。

三步接入

  1. 1

    复制 SDK

    把 lib/pay-sdk/index.ts 复制进你的产品仓。

  2. 2

    创建实例

    用你的 clientId 调 createTutuPay({ clientId })。

  3. 3

    发起收银

    调 pay.checkout({ sku }),弹窗内完成登录+下单+支付。

import { createTutuPay } from '$lib/pay-sdk';

const pay = createTutuPay({
  baseUrl: import.meta.env.VITE_TUTUPAY_URL,
  clientId: 'tutudd'
});

const r = await pay.checkout({ kind: 'export_credits', sku: 'pack_100' });
if (r.status === 'paid') {
  // 产品侧幂等发放额度,可用 r.orderId 复核
}

它怎么工作

托管收银台在 popup 内完成登录、下单与支付(同 tutuid 信任根,零重登),支付成功经 postMessage 回传;产品不接触余额与支付凭证。新增 SKU 在后端 orders.rs sku_price() 加一行即可。

打开集成演示