Vanilla JS クイックスタート

Web では stripe-pwa-elements のカスタム要素を使用します。peer dependency をインストールし、Stripe の UI を表示する前に、起動処理で一度だけ要素を登録してください。

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 は Stencil ライブラリです。ローダーの詳細は Stencil のドキュメントを参照してください。

Web の PaymentSheet と PaymentFlow は、ネイティブの Stripe PaymentSheet ではなくカード入力モーダルを表示します。Apple Pay と Google Pay は Payment Request Button を使用し、HTTPS が必要です。defaultBillingDetails、billingDetailsCollectionConfiguration、enableApplePay、enableGooglePay など、ネイティブ専用の多くのオプションは Web では無視されます。