Xano + Stripe integrieren
Xano und Stripe bilden eine leistungsstarke Kombination im No-Code-Ökosystem. App Studio hat diese Integration für Dutzende von Kunden konfiguriert, hier ist unser vollständiger Leitfaden.
Wie Xano + Stripe funktioniert
Xanos Function Stack kann Stripes REST-API direkt über das External API Request Modul aufrufen, ganz ohne SDK. So lässt sich ein komplettes Payment-Backend in Xano bauen: Kunden anlegen, Checkout-Sessions erstellen, Abonnement-Status abrufen und Datensätze aktualisieren, wenn Stripe-Webhooks eintreffen. Da Xanos Endpoints Standard-REST sind, kann jedes Frontend (WeWeb, FlutterFlow oder eine eigene App) sie ohne Anpassung aufrufen. Der Stripe Secret Key wird dazu in Xanos Umgebungsvariablen gespeichert. Ein Xano API-Endpoint /payments/create-session wird angelegt, der eine price_id und user_id entgegennimmt, einen Stripe-Kunden sucht oder anlegt (über Xanos External API Request per POST an https://api.stripe.com/v1/customers), eine Checkout Session erstellt und die Session-URL zurückgibt. Das Frontend ruft diesen Endpoint auf und leitet zur von Stripe gehosteten Checkout-Seite weiter. Nach der Zahlung leitet Stripe zur eigenen Success-URL weiter.
Anwendungsfälle für Xano + Stripe
Ein öffentlicher Xano-Endpoint /webhooks/stripe wird angelegt, der POST-Requests entgegennimmt. Diese URL wird in Stripes Webhook-Einstellungen registriert. Im Xano Function Stack wird anhand des type-Felds des Webhooks verzweigt: Bei checkout.session.completed wird der Plan des Nutzers in der Datenbank aktualisiert, bei customer.subscription.deleted wird der Nutzer herabgestuft. Xanos Signaturprüfungsschritt (mit Stripes Webhook Secret) authentifiziert, dass Events tatsächlich von Stripe stammen. Xano + Stripe treibt SaaS-Billing-Backends für Plattformen an, die auf WeWeb, FlutterFlow, React und Vue gebaut sind. App Studios Standardmuster: Xano verwaltet den Abonnement-Status, Stripe verwaltet die Zahlungsinfrastruktur, und das Frontend zeigt einfach den aktuellen Plan-Status, der aus Xano abgerufen wird. Customer-Portal-URLs (von Xano durch Aufruf der Stripe Customer Portal API generiert) werden als einfacher Xano-Endpoint bereitgestellt, zu dem das Frontend weiterleitet.
Häufige Probleme und deren Lösung
Stripe-Webhook-Signaturen sollten in Xano immer verifiziert werden, Events sollten niemals ohne Validierung verarbeitet werden. Xanos External API Request Modul gibt Rohantworten zurück, für Nicht-200-Statuscodes von Stripe sollte immer eine Fehlerbehandlung ergänzt werden. Stripe-Kunden-IDs sollten in einer eigenen Spalte in der users-Tabelle in Xano gehalten werden, für schnelle Lookups während der Webhook-Verarbeitung. Vor dem Produktivbetrieb sollte jeder Webhook-Event-Typ mit der Stripe CLI getestet werden (stripe trigger checkout.session.completed).
- SaaS billing
- Subscription management
- One-time payments
- Customer portal
- Usage billing
Benötigen Sie Hilfe bei dieser Integration?
App Studio konfiguriert diese Integrationen für Sie. Kostenloses Angebot innerhalb von 48h.