Tích hợp TutuPay

Để sản phẩm của bạn tính phí dịch vụ giá trị gia tăng từ số dư Tutu dùng chung — không phải tự xây hệ thống thanh toán.

Tích hợp trong ba bước

  1. 1

    Sao chép SDK

    Sao chép lib/pay-sdk/index.ts vào repo sản phẩm của bạn.

  2. 2

    Tạo một thể hiện

    Gọi createTutuPay({ clientId }) với clientId của bạn.

  3. 3

    Bắt đầu thanh toán

    Gọi pay.checkout({ sku }); popup xử lý đăng nhập+đặt hàng+thanh toán.

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

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

const r = await pay.checkout({ kind: 'export_credits', sku: 'pack_100' });
if (r.status === 'paid') {
  // grant credits idempotently on your side; use r.orderId to double-check
}

Cách hoạt động

Trang thanh toán được lưu trữ hoàn tất đăng nhập, đặt hàng và thanh toán trong popup (cùng gốc tin cậy tutuid, không đăng nhập lại) và trả kết quả qua postMessage; sản phẩm của bạn không bao giờ chạm số dư hay thông tin thanh toán. Thêm SKU bằng một dòng trong backend orders.rs sku_price().

Mở demo tích hợp