Natuurlijk! Hier is een overzicht van hoe je de Stripe API kunt integreren in je Statamic 3.1.25 website voor betalingsverwerking met webhook-ondersteuning en realtime transacties: 1. Stripe API installeren en configureren - Installeer de Stripe PHP SDK via Composer: ```bash composer require stripe/stripe-php ``` - Voeg je Stripe API-sleutels toe aan je omgeving (`.env`): ```env STRIPE_SECRET_KEY=your_secret_key STRIPE_PUBLISHABLE_KEY=your_publishable_key ``` 2. Stripe integreren in je backend - Maak een controller of route die betalingen initieert: ```php use Stripe\Stripe; use Stripe\Checkout\Session; public function createCheckoutSession() { Stripe::setApiKey(env('STRIPE_SECRET_KEY')); $session = Session::create([ 'payment_method_types' => ['card'], 'line_items' => [[ 'price' => 'price_xxx', // jouw prijs-ID 'quantity' => 1, ]], 'mode' => 'payment', 'success_url' => route('payment.success'), 'cancel_url' => route('payment.cancel'), ]); return redirect($session->url); } ``` - Zorg dat je een route en view hebt voor het afhandelen van de betaling. 3. Webhook verwerken voor realtime transacties - Configureer een webhook endpoint in Stripe (bijvoorbeeld `/webhook/stripe`). - Implementeer een route en controller om webhook-verzoeken te ontvangen: ```php use Illuminate\Http\Request; use Stripe\Webhook; use Stripe\Checkout\Session as StripeSession; public function handleWebhook(Request $request) { $payload = $request->getContent(); $sigHeader = $request->header('Stripe-Signature'); $endpointSecret = env('STRIPE_WEBHOOK_SECRET'); try { $event = Webhook::constructEvent($payload, $sigHeader, $endpointSecret); } catch (\Exception $e) { return response()->json(['error' => 'Invalid payload'], 400); } if ($event->type === 'checkout.session.completed') { $session = $event->data->object; // Verwerk de succesvolle betaling, bijvoorbeeld door gegevens op te slaan } return response()->json(['status' => 'success']); } ``` - Voeg deze route toe aan je `routes/web.php`. 4. Realtime transacties verwerken - Gebruik webhook-events zoals `checkout.session.completed` om direct na betaling acties uit te voeren. - Je kunt bijvoorbeeld gebruikersgegevens updaten, facturen genereren of orderstatussen wijzigen. - Zorg dat je webhook endpoint goed beveiligd is en valideert. 5. Beperkingen en tips - Test je integratie eerst in de Stripe testmodus. - Gebruik de Stripe Dashboard om webhook-logs te bekijken. - Houd rekening met beveiliging, zoals het valideren van webhook-berichten. - Omdat je realtime verwerking wilt, zorg dat je webhook-server snel reageert en eventuele verwerking asynchroon afhandelt indien nodig. Door deze stappen te volgen integreer je Stripe betalingsverwerking met webhook-ondersteuning in je Statamic 3.1.25 website voor realtime transacties.

Hallo! Ik help je graag met het integreren van de Stripe API voor betalingsverwerking in je Statamic 3.1.25 website. Hier is een stapsgewijze handleiding: ## 1. Vereisten en Voorbereiding - Zorg dat je PHP 7.3+ hebt (vereist voor Stripe PHP library) - Installeer Composer dependencies - Maak een Stripe account aan en haal je API keys op ## 2. Installatie Stripe PHP SDK Voeg toe aan je `composer.json`: ```json { "require": { "stripe/stripe-php": "^7.0" } } ``` Voer uit: `composer update` ## 3. Configuratie Voeg toe aan je `.env` file: ```env STRIPE_KEY=sk_test_... STRIPE_SECRET=pk_test_... STRIPE_WEBHOOK_SECRET=whsec_... ``` ## 4. Service Provider Aanmaken Maak `app/Providers/StripeServiceProvider.php`: ```php <?php namespace App\Providers; use Illuminate\Support\ServiceProvider; use Stripe\Stripe; class StripeServiceProvider extends ServiceProvider { public function boot() { Stripe::setApiKey(env('STRIPE_SECRET')); } } ``` ## 5. Payment Controller Maak `app/Http/Controllers/PaymentController.php`: ```php <?php namespace App\Http\Controllers; use Illuminate\Http\Request; use Stripe\PaymentIntent; use Stripe\Webhook; use Stripe\Exception\SignatureVerificationException; class PaymentController extends Controller { public function createPaymentIntent(Request $request) { try { $paymentIntent = PaymentIntent::create([ 'amount' => $request->amount * 100, // in centen 'currency' => 'eur', 'metadata' => [ 'order_id' => $request->order_id ] ]); return response()->json([ 'clientSecret' => $paymentIntent->client_secret ]); } catch (\Exception $e) { return response()->json(['error' => $e->getMessage()], 500); } } public function handleWebhook(Request $request) { $payload = $request->getContent(); $sig_header = $request->header('Stripe-Signature'); $endpoint_secret = env('STRIPE_WEBHOOK_SECRET'); try { $event = Webhook::constructEvent( $payload, $sig_header, $endpoint_secret ); } catch (SignatureVerificationException $e) { return response()->json(['error' => 'Invalid signature'], 400); } // Verwerk events switch ($event->type) { case 'payment_intent.succeeded': $this->handlePaymentSucceeded($event->data->object); break; case 'payment_intent.payment_failed': $this->handlePaymentFailed($event->data->object); break; } return response()->json(['status' => 'success']); } private function handlePaymentSucceeded($paymentIntent) { // Je custom logica hier \Log::info('Betaling geslaagd: ' . $paymentIntent->id); } private function handlePaymentFailed($paymentIntent) { // Je custom logica hier \Log::error('Betaling mislukt: ' . $paymentIntent->id); } } ``` ## 6. Routes Toevoegen Voeg toe aan `routes/web.php`: ```php Route::post('/stripe/create-payment-intent', [PaymentController::class, 'createPaymentIntent']); Route::post('/stripe/webhook', [PaymentController::class, 'handleWebhook']); ``` ## 7. Frontend Integratie Voeg Stripe.js toe aan je template: ```html <script src="https://js.stripe.com/v3/"></script> <form id="payment-form"> <div id="payment-element"></div> <button id="submit">Betalen</button> </form> <script> const stripe = Stripe('{{ env('STRIPE_KEY') }}'); // Haal client secret op via AJAX fetch('/stripe/create-payment-intent', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ amount: 100, order_id: '123' }) }) .then(response => response.json()) .then(data => { const elements = stripe.elements({ clientSecret: data.clientSecret, appearance: { theme: 'stripe' } }); const paymentElement = elements.create('payment'); paymentElement.mount('#payment-element'); }); // Verzenden formulier document.getElementById('payment-form').addEventListener('submit', async (e) => { e.preventDefault(); const { error } = await stripe.confirmPayment({ elements, confirmParams: { return_url: 'https://jouwdomein.nl/bedankt', }, }); }); </script> ``` ## 8. Webhook Configuratie Stripe Dashboard - Ga naar Stripe Dashboard → Developers → Webhooks - Voeg endpoint toe: `https://jouwdomein.nl/stripe/webhook` - Selecteer events: `payment_intent.succeeded`, `payment_intent.payment_failed` ## 9. Beveiliging en Best Practices - Gebruik altijd HTTPS - Valideer alle input - Log transacties in database - Implementeer rate limiting - Test uitgebreid in testmodus ## 10. Testen - Gebruik Stripe test cards - Test webhooks met Stripe CLI - Monitor logs voor errors Let op: Zorg voor een goede error handling en logging om realtime transacties betrouwbaar te verwerken. Overweeg ook een queue systeem voor betere performance bij hoge volumes. Succes met de integratie! 🚀