WeWeb + Stripe integrieren
WeWeb 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 WeWeb + Stripe funktioniert
Stripe übernimmt den kompletten Zahlungslebenszyklus, Einmalkäufe, Abonnements, nutzungsbasierte Abrechnung, Rechnungen und das Customer Portal, sodass die WeWeb-App nur zur richtigen Zeit die passenden Stripe-Abläufe auslösen muss. Stripes SDKs und Webhook-System sind ausgereift und im großen Maßstab erprobt. Für No-Code-Entwickler ist das der zuverlässigste Weg zur Monetarisierung, ohne ein eigenes Zahlungssystem zu bauen. Der geheime Stripe-API-Key sollte niemals direkt aus WeWeb aufgerufen werden, Browser legen den eigenen Quellcode offen. Stattdessen wird eine Serverless-Funktion (Supabase Edge Function, Xano-Endpoint oder Vercel-Funktion) erstellt, die eine Produkt-ID und Nutzer-ID entgegennimmt, eine Stripe Checkout Session erstellt und die Session-URL zurückgibt. In WeWeb ruft eine Button-Aktion diesen Endpoint auf und navigiert anschließend zur zurückgegebenen URL. Stripe übernimmt das Zahlungsformular auf der eigenen gehosteten Seite.
Anwendungsfälle für WeWeb + Stripe
Für Abonnements werden Stripe Products und Prices im Stripe-Dashboard angelegt. Die Backend-Funktion erstellt eine Checkout Session mit mode: "subscription" und der Price ID. Nach der Zahlung feuert Stripe einen checkout.session.completed Webhook, das Backend verarbeitet diesen, um den Abonnement-Status des Nutzers in der Datenbank zu aktualisieren. WeWeb liest diesen Status aus, um Premium-Features freizuschalten. Für Kündigungen und Upgrades wird eine Stripe Customer Portal URL vom Backend erzeugt, zu der der Nutzer weitergeleitet wird. WeWeb + Stripe treibt SaaS-Abo-Apps, einmalige Produktverkäufe, Kursplattformen und Marketplace-Auszahlungen an. Ein gängiges App-Studio-Muster: Das WeWeb-Frontend zeigt Preispläne, eine Supabase Edge Function erstellt die Stripe-Session, Stripe verarbeitet die Zahlung, ein Webhook aktualisiert den Nutzerplan in Supabase, und WeWeb ruft das Nutzerprofil erneut ab, um Premium-UI-Bereiche freizuschalten.
Häufige Probleme und deren Lösung
Der Stripe Secret Key sollte niemals in WeWeb offengelegt werden. Webhook-Signaturen sollten immer genutzt werden, um Stripe-Events zu verifizieren, Query-Parameter der Success-URL sollten nicht als Zahlungsbestätigung vertraut werden. Idempotenz sollte beachtet werden: Stripe kann Webhooks mehrfach senden, das Backend sollte deshalb prüfen, ob das Abonnement bereits aktiv ist, bevor die Datenbank aktualisiert wird. Vor dem Go-live sollte ausgiebig mit Stripes Testmodus und Testkartennummern getestet werden.
- SaaS subscriptions
- Course platforms
- One-time purchases
- Marketplace payouts
- Usage-based billing
Benötigen Sie Hilfe bei dieser Integration?
App Studio konfiguriert diese Integrationen für Sie. Kostenloses Angebot innerhalb von 48h.