Apple と Google のウォレットのレンダリングをテストする

この導入パスの場合、Stripe.js はデバイスの状態に基づいて次のウォレットを検出してサポートします。

デバイスとブラウザの設定を確認する

デモで指定のウォレットが表示されない場合、ご利用のデバイスまたはブラウザが次の Apple Pay または Google Pay の条件を満たしていない可能性があります。

• ウォレットには少なくとも 1 枚のカードが必要です。
• 互換性のあるApple Pay デバイスおよびGoogle Pay デバイスを使用する必要があります。
• ウォレットをテストする場合は、サポートされているブラウザのサポートバージョンを利用する必要があります。
• 対象のブラウザがウォレットにアクセスすることを許可します。
  • Chrome: 設定 > 自動入力とパスワード > 決済方法 > ウェブサイトによる保存済みの決済方法の確認の許可
  • Safari: 設定 > 詳細設定 > ウェブサイトによる Apple Pay と Apple カードの確認の許可
• Chrome のシークレットモードや Safari のプライベートウィンドウでは利用しないでください。
• サポートされているApple Pay リージョンおよびGoogle Pay リージョンで操作していることを確認します。
• Stripe は、インドの IP アドレスやインドに拠点を置く Stripe アカウントでは Apple Pay や Google Pay を表示しません。
• Apple Pay の場合は、デバイスが生体認証をサポートしていることを確認してください。

導入を確認する

デモの決済フォームに指定のウォレットの決済手段が表示されているのに、独自の導入には表示されていないような場合、次のステップで問題を解決できる可能性があります。

ドメインを登録する

Stripe ダッシュボードでドメイン登録を確認します。本番環境やサンドボックスなど、環境ごとに個別にすべてのドメインとサブドメインを登録する必要があります。

Connect を使用する場合は、正しくドメイン登録を行うために、資金フローの設定 (ダイレクト決済またはデスティネーション支払い) も考慮する必要があります。

(Apple Pay) iframe 使用時にすべてのドメインを登録する

iframe を使用したシステムで Apple Pay を表示するには、以下の手順に従います。

1. Safari 17 より前のブラウザバージョンをサポートしている場合は、サイトの iframe ドメインとトップレベルドメインが一致していることを確認してください。
2. iframe にallow="payment"属性を設定します。
3. サイトの iframe ドメインとトップレベルドメインが異なる場合は、両方を登録します (Safari 17 以降でサポートされています)。

導入でウォレットを有効にする

• 決済方法の設定でサポートされているウォレットを有効にして、動的決済手段でウォレットが表示されることを確認します。
• ウォレットの決済方法を手動で指定するには、以下のタイミングでpayment_method_types= ['card']を含めます。
  • 決済 Intent の作成
  • Intent の作成前にクライアントから Elements を初期化し、決済詳細を徴収します。