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

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

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

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

• ウォレットには少なくとも 1 枚のカードが必要です。
• (Google Pay) Link からログアウトします。デモで Link で支払うと表示される場合は、Link アカウントが Google Pay よりも優先されます。ログアウトする場合は、以下の手順を実行します。
  1. デモで Link で支払うをクリックします。
  2. ポップアップで、ウィンドウの右上にあるオーバーフローメニュー () をクリックします。
  3. ログアウトをクリックし、確認画面からログアウトします。
  4. ポップアップが閉じたら、デモに Google Pay が表示されていることを確認してください。
• 加えて、互換性のある Apple Pay デバイスおよび Google Pay デバイスを使用する必要があります。
• ウォレットをテストする場合は、サポートされているブラウザーのサポートバージョンを利用する必要があります。

  注

  このシステムは、Android WebView が対応していない Payment Request API を利用しています。

• 対象のブラウザーがウォレットにアクセスすることを許可します。
  • Chrome: 設定 > 自動入力とパスワード > 支払い方法 > ウェブサイトによる保存済みの支払い方法の確認の許可
  • Safari: 設定 > 詳細設定 > ウェブサイトによる Apple Pay と Apple カードの確認の許可
• Chrome のシークレットモードや Safari のプライベートウィンドウでは利用しないでください。
• サポートされている Apple Pay リージョンおよび Google Pay リージョンで操作していることを確認します。
• Stripe では、インドの IP アドレスの 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 以降でサポートされています)。