Integrera FlutterFlow + Stripe
FlutterFlow och Stripe bildar en kraftfull kombination i no-code-ekosystemet. App Studio har konfigurerat den här integrationen för dussintals kunder, här är vår kompletta guide för att sätta upp den snabbt och korrekt.
Varför FlutterFlow + Stripe?
Stripe är den mest kompletta mobila betalningslösningen: den hanterar kortbetalningar, Apple Pay, Google Pay, prenumerationer och den 3D Secure-autentisering som krävs i Europa. FlutterFlow-appar använder Stripes Flutter-SDK (injicerat som ett anpassat paket) för att rendera Stripes inbyggda betalningsformulär, ett helt PCI-kompatibelt betalningsgränssnitt som hanterar alla korttyper och lokala betalningsmetoder utan att ni behöver bygga egna formulär.
Konfigurera integrationen
Lägg till paketet flutter_stripe i FlutterFlows anpassade paket. Skapa en backend-funktion (en Firebase Cloud Function, en Supabase edge function eller en Xano-endpoint) som skapar en Stripe PaymentIntent och returnerar client_secret. I FlutterFlow skapar ni en API-anropsåtgärd som anropar er backend, använd sedan en anpassad åtgärd som anropar Stripe.instance.initPaymentSheet() med den returnerade hemligheten, följt av Stripe.instance.presentPaymentSheet() för att visa det inbyggda betalningsgränssnittet. Vid slutförande uppdaterar ni användarens orderstatus i er databas.
Prenumerationer i mobilappar
För prenumerationer i mobilappar bör ni överväga att använda RevenueCat i stället för (eller tillsammans med) Stripe, Apple och Google kräver köp i appen för prenumerationsprodukter som distribueras via App Store och Play Store. Stripe fungerar bra för webbinitierade prenumerationer, men prenumerationer i appen på innehåll eller tjänster som säljs via app stores måste gå via StoreKit och Play Billing. Rådgör med App Store Review Guidelines avsnitt 3.1.1 innan ni väljer betalningsarkitektur.
Verkliga användningsfall
FlutterFlow + Stripe används för: marketplace-appar där köpare betalar säljare, on-demand-tjänsteappar med engångsdebiteringar, medlemsappar där prenumerationer hanteras utanför app stores, B2B-mobilverktyg som fakturerar per användarplats, samt donationsappar. App Studio konfigurerar alltid Stripe i testläge först, använder Stripes testkort för varje betalningsflöde och bygger webhook-hantering innan lansering.
Vanliga fallgropar
Skapa aldrig PaymentIntents direkt från FlutterFlow-appen, gå alltid via en backend. En användare som avlyssnar sin egen nätverkstrafik skulle annars kunna ändra beloppet. Leverans av Stripe-webhooks kan misslyckas, implementera idempotenta hanterare som kontrollerar om en order redan är slutförd innan den behandlas igen. Testa på riktiga iOS- och Android-enheter; Stripes betalningsformulär beter sig olika mellan plattformarna. Kontrollera App Store och Play Store-policyer innan ni använder Stripe för prenumerationer i appen.
- Marketplace payments
- On-demand services
- B2B mobile billing
- Donations
- Membership apps
Behöver du hjälp med den här integrationen?
App Studio konfigurerar dessa integrationer åt dig. Kostnadsfri offert inom 48h.