# アプリ内決済の導入を構築する Stripe のアプリ内決済を使用して、iOS、Android、React Native の各アプリケーション向けにカスタマイズされた決済導入と決済フローを構築します。この概要は、導入の計画に役立ちます。 > #### アメリカのアプリによるデジタル商品の販売 > > アメリカのデジタル商品を販売する Android アプリでは、を使用してアプリ内で支払いを処理できるようになりました。iOS でデジタル商品を販売する場合は、[アプリ内デジタル商品およびサブスクリプションの販売](https://docs.stripe.com/mobile/digital-goods/checkout.md) で Stripe Checkout を使用してアプリからウェブへのフローを実装する方法をご覧ください。 Stripe In-App Payments では、以下を行うことができます。 1. Apple Pay、Google Pay、Link などの 40 種類以上の決済手段と、保存された決済手段を動的に表示します。 1. クレジットカード番号や請求の詳細などの決済情報を収集する。 1. *3DS2* (3D Secure 2 (3DS2) removes friction from the authentication process and improves the purchase experience compared to 3D Secure 1. It's the main card authentication method used to meet Strong Customer Authentication (SCA) requirements in Europe and is a key mechanism for businesses to request exemptions to SCA) などの認証を処理するか、バンキングアプリにリダイレクトして、決済を完了します。 ## UI を選択 ユーザー体験とデザインのニーズに応じて、3 種類の UI 組み込みから選択できます。 | | Payment Sheet | Flow Controller | Payment Element | | --------- | --------------- | ----------------- | ------------------- | | 実装の負荷 | Complexity: 2/5 | Complexity: 3/5 | Complexity: 3/5 | | 決済手段を表示 | シート内 | シート内 | 埋め込み可能なビュー | | 決済詳細を収集する | シート内 | シート内 | シート内 | | 決済を完了する | シート内 | UI で確定するタイミングを制御 | UI で確定するタイミングを制御 | | レイアウトの柔軟性 | 固定シートの表示 | 選択のための固定シート、柔軟な確認 | 決済手段をアプリの任意の場所に埋め込む | #### Payment Sheet ![決済を完了するための Payment Sheet を表示する購入ボタンが表示されたカート画面を示す決済フロー](https://b.stripecdn.com/docs-statics-srv/assets/overview-payment-sheet.1654dac09bb9ee7a067076b22842daa6.png) ![Stripe In-app Payments ショーケース（App Store QR コード）](https://b.stripecdn.com/docs-statics-srv/assets/appstore_qr.ce33264690ffb3cebb2982458ccb496d.svg) この導入では、決済手段の表示、決済情報の収集、決済の完了のすべてが 1 つの事前構築済みシートで行われます。ほとんどのユーザーには、この UI を使用してアプリで決済を行うことをお勧めします。 [Appearance API ガイド](https://docs.stripe.com/elements/appearance-api/mobile.md)を使用すると、色やフォントなど、外観に関わる 50 項目以上をカスタマイズできます。 **デモを試す**: QRコードをスキャンするか、この[リンク](https://apps.apple.com/us/app/stripe-payments-showcase/id6450683352)から、インタラクティブなデモアプリをダウンロードしてください。 **最適な選択** - 最小限のコードでアプリ内決済をすばやく追加できます。 - 顧客が 1 つの「購入」ボタンをタップし、1 ステップで決済を完了できる決済。 **別の選択肢を検討する** - 最初に決済手段を収集し、独自の UI で決済を個別に確定します。これを行うには、[フローコントローラを使用](https://docs.stripe.com/payments/mobile.md?in-app-ui=flow-controller#choose-a-ui)します。 - 決済手段をシートの代わりに独自の画面に直接埋め込む。これを行うには、[Payment Element を使用](https://docs.stripe.com/payments/mobile.md?in-app-ui=payment-element#choose-a-ui)します。 #### Flow Controller ![顧客が購入ボタンをタップする前に Stripe のシートで決済手段を収集するカート画面を示す複数ステップの決済フロー](https://b.stripecdn.com/docs-statics-srv/assets/overview-flow-controller.20860fdb0ea1653eb5d60c826eee527c.png) ![Stripe In-app Payments ショーケース（App Store QR コード）](https://b.stripecdn.com/docs-statics-srv/assets/appstore_qr.ce33264690ffb3cebb2982458ccb496d.svg) フローコントローラは、事前構築されたシートを使用して決済手段を表示および収集しますが、決済を確定するタイミングと方法を独自の UI で制御できます。 Payment Sheet と同じ[外観カスタマイズ](https://docs.stripe.com/elements/appearance-api/mobile.md)が利用できます。 **デモを試す**: QRコードをスキャンするか、この[リンク](https://apps.apple.com/us/app/stripe-payments-showcase/id6450683352)から、インタラクティブなデモアプリをダウンロードしてください。 **最適な選択** - 顧客が Stripe のシートで決済手段を選択し、独自の UI で決済を確定する。 - 顧客が決済手段を選択した後で、合計を調整したり、割引を適用したり、追加情報を収集する。 **別の選択肢を検討する** - 1 つのシートですべて処理できるエンドツーエンドの決済機能です。これを行うには、[Payment Sheet を使用](https://docs.stripe.com/payments/mobile.md?in-app-ui=payment-sheet#choose-a-ui)します。 - 高度にカスタマイズされた UI 行を使って、独自の画面に決済手段を直接埋め込めます。これを行うには、[Payment Element を使用](https://docs.stripe.com/payments/mobile.md?in-app-ui=payment-element#choose-a-ui)します。 #### Payment Element ![インラインで Payment Element が埋め込まれた決済手段を収集するカート画面を示す決済フロー](https://b.stripecdn.com/docs-statics-srv/assets/overview-embedded-inline.fa845b8ce13dee5940fb46c42b0570a4.png) *カートに直接埋め込まれた Payment Element。* ![別の画面で Payment Element による決済手段を収集するカート画面を示す決済フロー](https://b.stripecdn.com/docs-statics-srv/assets/overview-embedded-interstitial.8b11682b3e8a874883a232afc1195530.png) *Payment Element が専用画面に表示されます。* ![Stripe In-app Payments ショーケース（App Store QR コード）](https://b.stripecdn.com/docs-statics-srv/assets/appstore_qr.ce33264690ffb3cebb2982458ccb496d.svg) Payment Element では、決済手段がシートではなく埋め込み可能なビューに表示されるため、決済手段リストをアプリ内の任意の場所に表示できます。顧客が詳細を必要とする方法を選択すると、Stripe はその情報を安全に収集するためのシートを表示します。決済を確定するタイミングと方法は、独自の UI で制御できます。 [Appearance API ガイド](https://docs.stripe.com/elements/appearance-api/embedded-mobile.md)を使用して、アプリのナビゲーション・パターンとデザイン・システムに合わせて決済手段の行のデザインと動作を完全にカスタマイズできます。 **デモを試す**: QRコードをスキャンするか、この[リンク](https://apps.apple.com/us/app/stripe-payments-showcase/id6450683352)から、インタラクティブなデモアプリをダウンロードしてください。 **最適な選択** - 決済のレイアウトとナビゲーションに対する柔軟性を最大限に高めます。 - インライン (カート UI に直接など) またはお客様が管理する別の画面に表示される決済オプション。 **別の選択肢を検討する** - 1 つのシートですべて処理できるエンドツーエンドの決済機能です。これを設定するには、[Payment Sheet を使用](https://docs.stripe.com/payments/mobile.md?in-app-ui=payment-sheet#choose-a-ui)します。 - 決済手段をインライン表示せず、確定前に別ステップとして「決済手段を選択」を行います。これを行うには、[フローコントローラーを使用](https://docs.stripe.com/payments/mobile.md?in-app-ui=flow-controller#choose-a-ui)します。 #### Item 1 ## API を選択する Stripe のアプリ内決済導入では、[PaymentIntents](https://docs.stripe.com/payments/payment-intents.md) または [SetupIntents](https://docs.stripe.com/payments/setup-intents.md) を使用します。 ### 決済を受け付けます | ⠀ | | | ---------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | API | [PaymentIntent](https://docs.stripe.com/api/payment_intents/object.md) | | 説明 | 決済を収集し、顧客に直ちに決済します。 UI に「Save my info」チェックボックスが表示され、顧客は将来の決済に備えて決済手段を保存できます。[保存決済手段](https://docs.stripe.com/payments/mobile.md#saved-payment-methods)の詳細をご確認ください。 | | 対応している決済手段 | 1 回限りの使用と再使用の両方 | | 例 | - 1 回の取引での商品やサービスの購入 (EC 決済など) - 注文時に配車またはフードデリバリーに対して支払う | | **今すぐ始める** | [Payment Sheet による決済を受け付ける](https://docs.stripe.com/payments/mobile/accept-payment.md?integration=paymentsheet&type=payment) | ### 決済手段を設定する | ⠀ | | | ---------- | ------------------------------------------------------------------------------------------------------------------------------------------------ | | API | [SetupIntent](https://docs.stripe.com/api/setup_intents/object.md) | | 説明 | 顧客に請求することなく、将来の決済に備えて決済手段を収集し保存します。 _ _ | | 対応している決済手段 | 再利用可能な決済手段のみ | | 例 | - ユーザ登録時のアプリへの登録と決済手段の保存 - 無料トライアル期間のサブスクリプションの開始時に決済手段を設定する - クラウドファンディングキャンペーンの決済詳細の収集 (目標を達成した場合のみ決済) - ユーティリティまたはサービスを有効化する前に決済情報を保存する | | **今すぐ始める** | [Payment Sheet を使用した決済手段の設定](https://docs.stripe.com/payments/mobile/accept-payment.md?integration=paymentsheet&type=setup) | ### 支払いを受け付けて設定する | ⠀ | | | ---------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | API | [PaymentIntent](https://docs.stripe.com/api/payment_intents/object.md) を [setup_future_usage](https://docs.stripe.com/api/payment_intents/object.md#payment_intent_object-setup_future_usage) として使用する。 | | 説明 | 今すぐ顧客に決済し、決済手段を保存するように PaymentIntent を設定して、将来の使用に備えて決済手段を保存します。 `setup_future_usage` を設定することで、すべての決済手段の保存を要求できます。`setup_future_usage` を使用すると、ほとんどの [BNPL](https://docs.stripe.com/payments/buy-now-pay-later.md) のように 1 回限りの決済手段が無効になります。1 回限りの決済手段と再利用可能な決済手段の両方を取り扱うには、カードを保存するために [payment_method_options[card][setup_future_usage](https://docs.stripe.com/api/payment_intents/object.md#payment_intent_object-payment_method_options-card-setup_future_usage) など、特定の決済手段で今後の使用状況を設定してください。 | | 対応している決済手段 | 1 回限りの使用と再使用の両方 | | 例 | - 決済を含むサブスクリプションへのユーザーの登録 (最初の月を即時に請求するなど) - 初回の購入に対して請求しながら、付随的な購入やアドオン購入の決済手段を保存する | | **今すぐ始める** | [Payment Sheet による決済を受け付けて設定する](https://docs.stripe.com/payments/mobile/accept-payment.md?integration=paymentsheet&type=paymentsfu) | #### Item 2 ## API を選択する Stripe のアプリ内決済導入では、[PaymentIntents](https://docs.stripe.com/payments/payment-intents.md) または [SetupIntents](https://docs.stripe.com/payments/setup-intents.md) を使用します。 ### 決済を受け付けます | ⠀ | | | ---------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | API | [PaymentIntent](https://docs.stripe.com/api/payment_intents/object.md) | | 説明 | 決済を収集し、顧客に直ちに決済します。 UI に「Save my info」チェックボックスが表示され、顧客は将来の決済に備えて決済手段を保存できます。[保存決済手段](https://docs.stripe.com/payments/mobile.md#saved-payment-methods)の詳細をご確認ください。 | | 対応している決済手段 | 1 回限りの使用と再使用の両方 | | 例 | - 1 回の取引での商品やサービスの購入 (EC 決済など) - 注文時に配車またはフードデリバリーに対して支払う | | **今すぐ始める** | [フローコントローラによる決済を受け付ける](https://docs.stripe.com/payments/mobile/accept-payment.md?integration=paymentsheet-flowcontroller&type=payment) | ### 決済手段を設定する | ⠀ | | | ---------- | ------------------------------------------------------------------------------------------------------------------------------------------------ | | API | [SetupIntent](https://docs.stripe.com/api/setup_intents/object.md) | | 説明 | 顧客に請求することなく、将来の決済に備えて決済手段を収集し保存します。 _ _ | | 対応している決済手段 | 再利用可能な決済手段のみ | | 例 | - ユーザ登録時のアプリへの登録と決済手段の保存 - 無料トライアル期間のサブスクリプションの開始時に決済手段を設定する - クラウドファンディングキャンペーンの決済詳細の収集 (目標を達成した場合のみ決済) - ユーティリティまたはサービスを有効化する前に決済情報を保存する | | **今すぐ始める** | [フローコントローラを使用した決済手段の設定](https://docs.stripe.com/payments/mobile/accept-payment.md?integration=paymentsheet-flowcontroller&type=setup) | ### 支払いを受け付けて設定する | ⠀ | | | ---------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | API | [PaymentIntent](https://docs.stripe.com/api/payment_intents/object.md) を [setup_future_usage](https://docs.stripe.com/api/payment_intents/object.md#payment_intent_object-setup_future_usage) として使用する。 | | 説明 | 今すぐ顧客に決済し、決済手段を保存するように PaymentIntent を設定して、将来の使用に備えて決済手段を保存します。 `setup_future_usage` を設定することで、すべての決済手段の保存を要求できます。`setup_future_usage` を使用すると、ほとんどの [BNPL](https://docs.stripe.com/payments/buy-now-pay-later.md) のように 1 回限りの決済手段が無効になります。1 回限りの決済手段と再利用可能な決済手段の両方を取り扱うには、カードを保存するために [payment_method_options[card][setup_future_usage](https://docs.stripe.com/api/payment_intents/object.md#payment_intent_object-payment_method_options-card-setup_future_usage) など、特定の決済手段で今後の使用状況を設定してください。 | | 対応している決済手段 | 1 回限りの使用と再使用の両方 | | 例 | - 決済を含むサブスクリプションへのユーザーの登録 (最初の月を即時に請求するなど) - 初回の購入に対して請求しながら、付随的な購入やアドオン購入の決済手段を保存する | | **今すぐ始める** | [フローコントローラによる決済を受け付けて設定する](https://docs.stripe.com/payments/mobile/accept-payment.md?integration=paymentsheet-flowcontroller&type=paymentsfu) | #### Item 3 ## API を選択する Stripe のアプリ内決済導入では、[PaymentIntents](https://docs.stripe.com/payments/payment-intents.md) または [SetupIntents](https://docs.stripe.com/payments/setup-intents.md) を使用します。 ### 決済を受け付けます | ⠀ | | | ---------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | API | [PaymentIntent](https://docs.stripe.com/api/payment_intents/object.md) | | 説明 | 決済を収集し、顧客に直ちに決済します。 UI に「Save my info」チェックボックスが表示され、顧客は将来の決済に備えて決済手段を保存できます。[保存決済手段](https://docs.stripe.com/payments/mobile.md#saved-payment-methods)の詳細をご確認ください。 | | 対応している決済手段 | 1 回限りの使用と再使用の両方 | | 例 | - 1 回の取引での商品やサービスの購入 (EC 決済など) - 注文時に配車またはフードデリバリーに対して支払う | | **今すぐ始める** | [Payment Element](https://docs.stripe.com/payments/mobile/accept-payment-embedded.md?type=payment) による決済を受け付ける | ### 決済手段を設定する | ⠀ | | | ---------- | ------------------------------------------------------------------------------------------------------------------------------------------------ | | API | [SetupIntent](https://docs.stripe.com/api/setup_intents/object.md) | | 説明 | 顧客に請求することなく、将来の決済に備えて決済手段を収集し保存します。 _ _ | | 対応している決済手段 | 再利用可能な決済手段のみ | | 例 | - ユーザ登録時のアプリへの登録と決済手段の保存 - 無料トライアル期間のサブスクリプションの開始時に決済手段を設定する - クラウドファンディングキャンペーンの決済詳細の収集 (目標を達成した場合のみ決済) - ユーティリティまたはサービスを有効化する前に決済情報を保存する | | **今すぐ始める** | [Payment Element](https://docs.stripe.com/payments/mobile/accept-payment-embedded.md?type=setup) を使用した決済手段の設定 | ### 支払いを受け付けて設定する | ⠀ | | | ---------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | API | [PaymentIntent](https://docs.stripe.com/api/payment_intents/object.md) を [setup_future_usage](https://docs.stripe.com/api/payment_intents/object.md#payment_intent_object-setup_future_usage) として使用する。 | | 説明 | 今すぐ顧客に決済し、決済手段を保存するように PaymentIntent を設定して、将来の使用に備えて決済手段を保存します。 `setup_future_usage` を設定することで、すべての決済手段の保存を要求できます。`setup_future_usage` を使用すると、ほとんどの [BNPL](https://docs.stripe.com/payments/buy-now-pay-later.md) のように 1 回限りの決済手段が無効になります。1 回限りの決済手段と再利用可能な決済手段の両方を取り扱うには、カードを保存するために [payment_method_options[card][setup_future_usage](https://docs.stripe.com/api/payment_intents/object.md#payment_intent_object-payment_method_options-card-setup_future_usage) など、特定の決済手段で今後の使用状況を設定してください。 | | 対応している決済手段 | 1 回限りの使用と再使用の両方 | | 例 | - 決済を含むサブスクリプションへのユーザーの登録 (最初の月を即時に請求するなど) - 初回の購入に対して請求しながら、付随的な購入やアドオン購入の決済手段を保存する | | **今すぐ始める** | [Payment Element](https://docs.stripe.com/payments/mobile/accept-payment-embedded.md?type=paymentsfu) による決済を受け付けて設定する | ## 保存済みの決済手段 Stripe のアプリ内決済は、保存済みのクレジットカード、米国銀行口座、SEPA デビットの支払い方法の保存・表示・管理をサポートしています。同意の回収は自動的に処理され、グローバルな法令遵守が保証されます。 #### Item 1 ![Payment Sheet 保存決済手段](https://b.stripecdn.com/docs-statics-srv/assets/ps-saved-payment-methods.da5ebb05306fb56bcce0737b3e06a0df.png) Payment Sheet に保存済みの決済手段にアクセスする #### Item 2 ![Payment Sheet 保存決済手段](https://b.stripecdn.com/docs-statics-srv/assets/ps-saved-payment-methods.da5ebb05306fb56bcce0737b3e06a0df.png) Payment Sheet に保存された決済手段に顧客がアクセスする方法の例 #### Item 3 ![Payment Element 保存決済手段](https://b.stripecdn.com/docs-statics-srv/assets/pe-saved-payment-methods.6aef147c8b230f2cb50c115b2054f814.png) 顧客が Payment Element に保存された決済手段にアクセスする方法の例 [CustomerSessions API](https://docs.stripe.com/api/customer_sessions.md) は、以下をさらに制御します。 - 保存同意ボックスを表示または非表示にするタイミング - 保存された決済手段を表示または非表示にするタイミング - 買い手が保存決済手段を削除できるようにする - 買い手が最後に保存した決済手段を削除できないようにする ## 機能と可用性 - **UI** アプリ内決済 - **UI のカスタマイズ** [Appearance API](https://docs.stripe.com/elements/appearance-api/mobile.md) を使用した広範な機能 - **決済手段** 1 - [100+](https://docs.stripe.com/payments/payment-methods/integration-options.md#choose-how-to-add-payment-methods) - [動的な決済手段](https://docs.stripe.com/payments/payment-methods/dynamic-payment-methods.md) - [Link による高速な決済](https://docs.stripe.com/payments/link.md) - [Apple Pay](https://docs.stripe.com/apple-pay.md)、[Google Pay](https://docs.stripe.com/google-pay.md)、[Amazon Pay](https://docs.stripe.com/payments/amazon-pay.md) - [カスタムの決済手段](https://docs.stripe.com/payments/mobile/custom-payment-methods.md) - **SDK 対応** [iOS](https://github.com/stripe/stripe-ios)、[Android](https://github.com/stripe/stripe-android)、[React Native](https://github.com/stripe/stripe-react-native) - **1 回限りの決済と継続決済** はい - **不正利用対策** [はい](https://docs.stripe.com/radar.md) - **グローバル決済** [はい](https://stripe.com/global) 1 ウォレット決済手段には[ドメインを登録](https://docs.stripe.com/payments/payment-methods/pmd-registration.md)する必要があります。