FlutterFlow + Stripe integrieren
FlutterFlow 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 FlutterFlow + Stripe funktioniert
Stripe ist die vollständigste mobile Zahlungslösung: Es übernimmt Kartenzahlungen, Apple Pay, Google Pay, Abonnements und die in Europa vorgeschriebene 3D-Secure-Authentifizierung. FlutterFlow-Apps nutzen das Stripe Flutter SDK (als Custom Package eingebunden), um Stripes native Payment Sheet darzustellen, eine vollständig PCI-konforme Zahlungs-UI, die jeden Kartentyp und jede lokale Zahlungsmethode ohne eigenes Formular-Building abdeckt. Dazu wird das Paket flutter_stripe zu FlutterFlows Custom Packages hinzugefügt. Eine Backend-Funktion (Firebase Cloud Function, Supabase Edge Function oder Xano-Endpoint) erstellt einen Stripe PaymentIntent und gibt das client_secret zurück. In FlutterFlow wird eine API-Call-Aktion erstellt, die das eigene Backend anspricht, anschließend ruft eine Custom Action Stripe.instance.initPaymentSheet() mit dem zurückgegebenen Secret auf, gefolgt von Stripe.instance.presentPaymentSheet(), um die native Zahlungs-UI anzuzeigen. Nach Abschluss wird der Bestellstatus des Nutzers in der Datenbank aktualisiert.
Anwendungsfälle für FlutterFlow + Stripe
Für Abonnements in mobilen Apps lohnt sich der Blick auf RevenueCat statt (oder zusätzlich zu) Stripe, Apple und Google verlangen In-App-Käufe für Abo-Produkte, die über App Store und Play Store vertrieben werden. Stripe funktioniert gut für webbasiert gestartete Abonnements, doch In-App-Abonnements für über die App Stores verkaufte Inhalte oder Dienste müssen über StoreKit und Play Billing laufen. Vor der Wahl der Zahlungsarchitektur lohnt sich ein Blick in Abschnitt 3.1.1 der App Store Review Guidelines. FlutterFlow + Stripe wird eingesetzt für: Marketplace-Apps, bei denen Käufer Verkäufer bezahlen, On-Demand-Service-Apps mit Einmalzahlungen, Membership-Apps mit Abos außerhalb der App Stores, B2B-Mobile-Tools mit Abrechnung pro Sitzplatz und Spenden-Apps. App Studio richtet Stripe grundsätzlich zuerst im Testmodus ein, nutzt Stripes Testkarten für jeden Zahlungsablauf und baut die Webhook-Verarbeitung vor dem Launch.
Häufige Probleme und deren Lösung
PaymentIntents sollten niemals direkt aus der FlutterFlow-App erstellt werden, immer über ein Backend. Ein Nutzer, der seinen eigenen Netzwerkverkehr abfängt, könnte sonst den Betrag verändern. Die Zustellung von Stripe-Webhooks kann fehlschlagen, idempotente Handler sollten prüfen, ob eine Bestellung bereits erfüllt wurde, bevor sie erneut verarbeitet wird. Es sollte auf echten iOS- und Android-Geräten getestet werden, Stripes Payment Sheet verhält sich plattformübergreifend unterschiedlich. Vor dem Einsatz von Stripe für In-App-Abonnements sollten die Richtlinien von App Store und Play Store geprüft werden.
- Marketplace payments
- On-demand services
- B2B mobile billing
- Donations
- Membership apps
Benötigen Sie Hilfe bei dieser Integration?
App Studio konfiguriert diese Integrationen für Sie. Kostenloses Angebot innerhalb von 48h.