コンテンツにスキップ
アカウントを作成
または
サインイン
Stripe ドキュメントのロゴ
/
AI に質問する
アカウントを作成
サインイン
始める
支払い
売上
プラットフォームおよびマーケットプレイス
資金管理
開発者向けリソース
概要
Connect の使用を開始
導入の基本
導入の例
アカウント管理
アカウント登録
アカウントのダッシュボードを設定する
    Connect の埋め込みコンポーネントの使用を開始
    Connect の埋め込みコンポーネントをカスタマイズ
    対応可能な Connect の埋め込みコンポーネント
      Onboarding and compliance
      アカウント管理
      アカウント登録
      通知バナー
      支払い管理
      支払い
      支払いの詳細
      1 件の支払いに対する不審請求の申し立て
      不審請求の申し立てリスト
      支払い方法の設定
      入金管理
      入金
      入金リスト
      残高
      Capital
      Capital の融資
      Capital の融資の申し込み
      Capital の融資のプロモーション
      税金
      税金登録
      Tax の設定
      税取引をエクスポートする
      Treasury and issuing
      金融口座
      金融口座の取引
      Issuing カード
      Issuing カードリスト
      レポート機能
      ドキュメント
      レポートのチャート
      アプリ
      アプリのインストール
      アプリのビューポート
    Stripe ダッシュボードのカスタマイズ
    Stripe ダッシュボードアカウントのプラットフォーム制御
    Express ダッシュボード
連結アカウントのタイプの操作
決済処理
決済を受け付ける
アカウントへの送金
プラットフォーム管理
Connect プラットフォームを管理
Connect プラットフォームの納税申告書
ホームプラットフォームおよびマーケットプレイスConfigure account DashboardsSupported Connect embedded components

アプリのインストール非公開プレビュー

アプリのインストールボタンを表示します。

アプリインストールは、連結アカウントがアプリをインストールできるようにするコンポーネントをレンダリングします。アプリインストールはプライベートプレビュー版コンポーネントであり、Stripe SDK のプレビューバージョンを使用する必要があります。プライベートプレビュー版コンポーネントの詳細をご覧ください。

実装の詳細については、埋め込み Stripe アプリ実装ガイドを参照してください。

アカウントセッションを作成する

アカウントセッションの作成時に、components パラメーターで app_install を指定して、アプリのインストールコンポーネントを有効にします。allowed_apps で features パラメーターを指定することにより、インストールするアプリを有効にしてください。

Command Line
cURL
curl https://api.stripe.com/v1/account_sessions \ -u "
sk_test_BQokikJOvBiI2HlWgH4olfQ2
:"
\ -H "Stripe-Version: 2025-06-30.basil; embedded_connect_beta=v2;" \ -d account=
{{CONNECTED_ACCOUNT_ID}}
\ -d "components[app_install][enabled]"=true \ -d "components[app_install][features][allowed_apps][]"=APP_ID

アカウントセッションを作成して、ConnectJS を初期化すると、フロントエンドにアプリのインストールコンポーネントを表示できます。

app-install.js
JavaScript
const appInstall = stripeConnectInstance.create('app-install'); appInstall.setApp('{{APP_ID}}'); container.appendChild(appInstall);

この埋め込みコンポーネントは、次のパラメーターに対応します。

方法タイプ説明
setAppstring連結アカウントがインストールできるアプリの ID を設定します。利用可能なアプリのリストをご覧ください。

現在の、または更新されたインストールの状態に基づいて、カスタムの動作を設定できます。

app-install.js
JavaScript
// index.html <div id="app-install-container"></div> // index.js // Do something when install state fetched on render const handleAppInstallFetched = (response) => { console.log(`Install state fetched for app ${response.appId} to ${response.state}`); }; // Do something when install state changes const handleAppInstallChanged = (response) => { console.log(`Install state changed for app ${response.appId} to ${response.state}`); }; const container = document.getElementById('app-install-container'); const appInstall = stripeConnectInstance.create('app-install'); appInstall.setApp('{{APP_ID}}'); appInstall.setOnAppInstallStateFetched(handleAppInstallFetched); appInstall.setOnAppInstallStateChanged(handleAppInstallChanged); container.appendChild(appInstall);
方法説明変数
setOnAppInstallStateFetchedインストールのフェッチ時に、ユーザーがコールバック関数でカスタム動作を指定できるようにします。
  • response.appId:インストールされたアプリ
  • response.state:インストール状態 INSTALLED | UNINSTALLED
setOnAppInstallStateChangedインストール状態が変化したときに、ユーザーがコールバック関数でカスタム動作を指定できるようにします。
  • response.appId:インストールされたアプリ
  • response.state:インストール状態 INSTALLED | UNINSTALLED

プラットフォームに埋め込むことを事前に承認した Stripe のサンプルアプリ (APP_ID を stripe.app-explorer に設定) を導入できます。

早期アクセスをリクエストする プライベートプレビュー

サインインして、プレビュー版の Connect 埋込型コンポーネントへのアクセスをリクエストします。

Stripe アカウントがない場合は、今すぐ登録できます。

このページはお役に立ちましたか。
はいいいえ
お困りのことがございましたら 、サポートにお問い合わせください。
早期アクセスプログラムにご参加ください。
変更ログをご覧ください。
ご不明な点がございましたら、お問い合わせください。
LLM ですか?llms.txt を読んでください。
Powered by Markdoc