Integrera Xano + Stripe
Xano 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 Xano + Stripe?
Xanos function stack kan anropa Stripes REST-API direkt med modulen External API Request, ingen SDK behövs. Ni kan bygga en komplett betalningsbackend i Xano: skapa kunder, skapa checkout-sessioner, hämta prenumerationsstatus och uppdatera poster när Stripe-webhooks kommer in. Eftersom Xanos endpoints är standard-REST kan vilken frontend som helst (WeWeb, FlutterFlow eller en anpassad app) utlösa dem utan ändringar.
Sätta upp betalningsflöden
Lagra er hemliga Stripe-nyckel i Xanos miljövariabler. Skapa en Xano-API-endpoint /payments/create-session som: tar emot ett price_id och user_id, slår upp eller skapar en Stripe-kund (med Xanos External API Request för att POST:a till https://api.stripe.com/v1/customers), skapar en Checkout-session och returnerar sessionens URL. Er frontend anropar denna endpoint och omdirigerar till Stripes hostade checkout-sida. Efter betalning omdirigerar Stripe till er success-URL.
Webhook-hantering i Xano
Skapa en publik Xano-endpoint /webhooks/stripe som tar emot POST-förfrågningar. Registrera denna URL i Stripes webhook-inställningar. I Xanos function stack använder ni webhookens type-fält för att förgrena: vid checkout.session.completed uppdateras användarens plan i databasen; vid customer.subscription.deleted nedgraderas användaren. Använd Xanos steg för signaturverifiering (med Stripes webhook-hemlighet) för att autentisera att händelserna verkligen kommer från Stripe.
Verkliga användningsfall
Xano + Stripe driver faktureringsbackends för SaaS-plattformar byggda på WeWeb, FlutterFlow, React och Vue. App Studios standardmönster: Xano hanterar prenumerationsstatusen, Stripe hanterar betalningsinfrastrukturen, och frontenden visar helt enkelt den aktuella planstatusen hämtad från Xano. Kundportals-URL:er (genererade från Xano genom att anropa Stripes Customer Portal-API) serveras som en enkel Xano-endpoint som frontenden omdirigerar till.
Vanliga fallgropar
Verifiera alltid Stripe-webhook-signaturer i Xano, bearbeta aldrig händelser utan validering. Xanos External API Request-modul returnerar råa svar; lägg alltid till felhantering för icke-200-statuskoder från Stripe. Håll Stripe-kund-ID:n i en dedikerad kolumn i er users-tabell i Xano för snabba uppslag under webhook-bearbetning. Testa varje webhook-händelsetyp i Stripes CLI (stripe trigger checkout.session.completed) innan ni går i produktion.
- SaaS billing
- Subscription management
- One-time payments
- Customer portal
- Usage billing
Behöver du hjälp med den här integrationen?
App Studio konfigurerar dessa integrationer åt dig. Kostnadsfri offert inom 48h.