Vanilla-JS-Schnellstart

Die Web-Version verwendet Custom Elements aus stripe-pwa-elements. Installieren Sie die Peer-Abhängigkeit und registrieren Sie die Elemente beim Bootstrap einmal, bevor Sie die Stripe-UI anzeigen.

npm install stripe-pwa-elements

import { defineCustomElements } from 'stripe-pwa-elements/loader';
import { Stripe } from '@capacitor-community/stripe';

defineCustomElements();

await Stripe.initialize({
  publishableKey: 'Your Publishable Key',
});

stripe-pwa-elements ist eine Stencil-Bibliothek. Einzelheiten zum Loader finden Sie in der Stencil-Dokumentation.

Web-PaymentSheet und -PaymentFlow rendern ein Karten-Modal, nicht das native Stripe-PaymentSheet. Apple Pay und Google Pay verwenden den Payment Request Button und benötigen HTTPS. Viele ausschließlich native Optionen wie defaultBillingDetails, billingDetailsCollectionConfiguration, enableApplePay und enableGooglePay werden im Web ignoriert.

Als Nächstes erstellen Sie auf Ihrem Server einen Test-Intent (Serverintegration) und zeigen anschließend PaymentSheet an.