TutuPay integrieren

Lass dein Produkt Mehrwertdienste aus dem geteilten Tutu-Guthaben abrechnen — ohne eigenen Zahlungs-Stack.

In drei Schritten integrieren

  1. 1

    SDK kopieren

    Kopiere lib/pay-sdk/index.ts in dein Produkt-Repo.

  2. 2

    Instanz erstellen

    Rufe createTutuPay({ clientId }) mit deiner clientId auf.

  3. 3

    Checkout starten

    Rufe pay.checkout({ sku }) auf; das Popup übernimmt Anmeldung, Bestellung und Zahlung.

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
}

So funktioniert es

Der gehostete Checkout erledigt Anmeldung, Bestellung und Zahlung im Popup (gleiche tutuid-Vertrauensbasis, keine erneute Anmeldung) und sendet das Ergebnis per postMessage zurück; dein Produkt berührt nie Guthaben oder Zahlungsdaten. Füge eine SKU mit einer Zeile in orders.rs sku_price() im Backend hinzu.

Integrations-Demo öffnen