Stripe Verbinden

Vereisten

Voordat je Stripe integreert, zorg ervoor dat je het volgende hebt:

• Een werkende MGX-applicatie.
• Het MGX-project is al verbonden met een Supabase-project. (Meer informatie over Supabase.)
• Producten en bijbehorende prijzen aangemaakt in je Stripe-dashboard.

Opmerking: Preview Mode kan niet worden gebruikt om betalingsfunctionaliteit te testen. Deploy je MGX-app en schakel Stripe naar Test Mode om de integratie te verifiëren.

Testkaart:

• Kaartnummer: 4242 4242 4242 4242
• Vervaldatum: Elke toekomstige datum
• CVC: Elk 3-cijferig nummer

Stripe-betalingsinstelling

1. Verbind Supabase

   • Klik op de Supabase-knop rechtsboven in MGX
   • Volg de Supabase Verbinden Guides om je doel-Supabase-project te selecteren
   • Zodra de verbinding tot stand is gebracht, kun je betalingsinstellingen configureren via Supabase

2. Beschrijf je abonnementsvereisten in natuurlijke taal

   • Voorbeeld: Maak een betalingssysteem dat drie abonnementsplannen ondersteunt voor $4.99 per week, $14.99 per maand en $149.99 per jaar.

   Nadat je dit hebt ingediend, genereert de MGX Agent configuratieknoppen. Je moet minstens twee velden invullen.

3. Klik op de knop Add Stripe Secret Key

   

   • Voer je Stripe secret key in onder het veld STRIPE_SECRET_KEY.
   • Voer voor elk plan de bijbehorende Stripe Price ID in het veld in dat eindigt op PRICE_ID.

   

   Je kunt je Stripe secret key hier ophalen: https://dashboard.stripe.com/test/apikeys

   Ga naar Product Catalog > Products en haal de price ID op met een van de volgende methoden:

   • Klik in de lijst "Pricing" op de knop “More” rechts van de bijbehorende prijs en klik vervolgens op "Copy Price ID".

   

   Je kunt ook direct op de prijsnaam klikken om de detailpagina te openen en vervolgens de price ID te kopiëren die rechtsboven wordt weergegeven.

   

   Plak ten slotte elke price ID nauwkeurig in het bijbehorende invoerveld.

   

   Opmerking: Om privacy- en veiligheidsredenen mag je je secret key nooit rechtstreeks in de MGX-chat plakken. Blootstelling kan ongeautoriseerde toegang tot je Stripe-account mogelijk maken. Gebruik in plaats daarvan de knop "Add API Key" van MGX om deze veilig op te slaan.

4. Klik op de knop Add Stripe Webhook Secret Key

   

   • Voer je Webhook Secret Key in

5. Hoe je de Webhook Secret Key vindt:

   Klik in Stripe linksonder op “Developers” en selecteer vervolgens de optie Webhooks.

   

   Klik op de pagina Webhooks op de knop "Add destination".

   

   Selecteer de webhook-events die passen bij de behoeften van je project:

   • checkout.session.async_payment_failed
   • checkout.session.async_payment_succeeded
   • checkout.session.completed
   • checkout.session.expired

   

   Nadat je op "Continue" hebt geklikt, selecteer je "Webhook endpoint."

   

   Voer de endpoint-URL van Supabase in.

   

6. Hoe je je Supabase Endpoint URL vindt:

   Klik in MGX op View Edge Function.

   

   • Klik om de edge function met het bijbehorende achtervoegsel _webhook te selecteren.

     

   • Kopieer in het deelvenster Details van de bijbehorende edge function de Endpoint URL en plak deze in de Stripe Event Destination.

     

7. Test je Integratie

   Gebruik Stripe's Test Mode om betalingen te testen.

   Gegevens van de testkaart:

   • Kaartnummer: 4242 4242 4242 4242
   • Elke toekomstige vervaldatum
   • Elke 3-cijferige CVC

FAQ

Waarom kan ik betalingen niet testen in Preview Mode?

Preview Mode wordt uitgevoerd in een lokale omgeving, die geen openbaar toegankelijke Webhook-URL biedt. Je moet je app deployen om Stripe-events te ontvangen.

Hoe schakel ik over naar Production Mode?

Je kunt Test Mode uitschakelen in het Stripe Dashboard en je live Secret Key en Webhook Secret gebruiken.

Hoe kan ik controleren of een testbetaling succesvol was?

Ga na het voltooien van een testbetaling naar de pagina Payments in Stripe om de gegevens van je testtransacties te bekijken.