Integrasikan TutuPay

Biarkan produk Anda menagih layanan bernilai tambah dari saldo Tutu bersama — tanpa membangun tumpukan pembayaran.

Integrasikan dalam tiga langkah

  1. 1

    Salin SDK

    Salin lib/pay-sdk/index.ts ke repo produk Anda.

  2. 2

    Buat instance

    Panggil createTutuPay({ clientId }) dengan clientId Anda.

  3. 3

    Mulai checkout

    Panggil pay.checkout({ sku }); popup menangani masuk, pesanan, dan pembayaran.

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
}

Cara kerjanya

Checkout terkelola menyelesaikan masuk, pesanan, dan pembayaran di dalam popup (akar kepercayaan tutuid yang sama, tanpa login ulang) dan mengembalikan hasil via postMessage; produk Anda tidak pernah menyentuh saldo atau kredensial pembayaran. Tambahkan SKU dengan satu baris di backend orders.rs sku_price().

Buka demo integrasi