Stripe Connect

Krav

Innan du integrerar Stripe, säkerställ att du har:

• En fungerande MGX-applikation.
• MGX-projektet är redan anslutet till ett Supabase-projekt. (Läs mer om Supabase.)
• Skapat produkter och motsvarande priser i din Stripe dashboard.

Obs: Förhandsgranskningsläge kan inte användas för att testa betalningsfunktionalitet. Distribuera din MGX-app och växla Stripe till Test Mode för att verifiera integrationen.

Testkort:

• Kortnummer: 4242 4242 4242 4242
• Utgångsdatum: Valfritt framtida datum
• CVC: Valfritt 3-siffrigt nummer

Konfigurering av Stripe-betalningar

1. Anslut Supabase

   • Klicka på Supabase-knappen längst upp till höger i MGX
   • Följ Supabase Connect Guides för att välja ditt mål-Supabase-projekt
   • När anslutningen är klar kan du konfigurera betalningsinställningar via Supabase

2. Beskriv dina prenumerationskrav på naturligt språk

   • Exempel: Skapa ett betalningssystem som stöder tre prenumerationsplaner för 4,99 $ per vecka, 14,99 $ per månad och 149,99 $ per år.

   Efter att du har skickat in kommer MGX Agent att generera konfigureringsknappar. Du måste fylla i minst två fält.

3. Klicka på knappen Add Stripe Secret Key

   

   • Ange din hemliga Stripe-nyckel i fältet STRIPE_SECRET_KEY.
   • För varje plan anger du motsvarande Stripe Price ID i fältet som slutar med PRICE_ID.

   

   Du kan hämta din hemliga Stripe-nyckel här: https://dashboard.stripe.com/test/apikeys

   Gå till Product Catalog > Products och hämta pris-ID:t med någon av följande metoder:

   • I listan "Pricing" klickar du på knappen “More” till höger om motsvarande pris och klickar sedan på "Copy Price ID".

   

   Du kan också direkt klicka på prisnamnet för att öppna detaljsidan och sedan kopiera pris-ID:t som visas i det övre högra hörnet.

   

   Klistra slutligen in varje pris-ID korrekt i motsvarande inmatningsfält.

   

   Obs: För integritet och säkerhet, klistra aldrig in din hemliga nyckel direkt i MGX-chatten. Exponering kan tillåta obehörig åtkomst till ditt Stripe-konto. Använd i stället MGX:s knapp "Add API Key" för att lagra den säkert.

4. Klicka på knappen Add Stripe Webhook Secret Key

   

   • Ange din Webhook Secret Key

5. Så här hittar du Webhook Secret Key:

   I Stripe klickar du på “Developers” i det nedre vänstra hörnet och väljer sedan alternativet Webhooks.

   

   På sidan Webhooks klickar du på knappen "Add destination".

   

   Välj de webhook-händelser som matchar projektets behov:

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

   

   Efter att du klickat på "Continue" väljer du "Webhook endpoint."

   

   Ange endpoint-URL:en från Supabase.

   

6. Så här hittar du din endpoint-URL i Supabase:

   Klicka på View Edge Function i MGX.

   

   • Klicka för att välja edge-funktionen med motsvarande suffix _webhook.

     

   • I panelen Details för motsvarande edge-funktion kopierar du Endpoint URL och klistrar in den i Stripe Event Destination.

     

7. Testa din integration

   Använd Stripes Test Mode för att testa betalningar.

   Testkortsuppgifter:

   • Kortnummer: 4242 4242 4242 4242
   • Valfritt framtida utgångsdatum
   • Valfri 3-siffrig CVC

FAQ

Varför kan jag inte testa betalningar i Preview Mode?

Preview Mode körs i en lokal miljö, vilket inte tillhandahåller en offentligt tillgänglig Webhook URL. Du måste distribuera din app för att ta emot Stripe-händelser.

Hur växlar jag till Production Mode?

Du kan inaktivera Test Mode i Stripe Dashboard och använda din live Secret Key och Webhook Secret.

Hur kan jag verifiera om en testbetalning lyckades?

När du har genomfört en testbetalning går du till sidan Payments i Stripe för att se dina testtransaktionsposter.