コンテンツにスキップ
アカウントを作成
または
サインイン
Stripe ドキュメントのロゴ
/
AI に質問する
アカウントを作成
サインイン
始める
支払い
財務の自動化
プラットフォームおよびマーケットプレイス
資金管理
開発者向けのツール
始める
支払い
財務の自動化
始める
支払い
財務の自動化
プラットフォームおよびマーケットプレイス
資金管理
概要
Connect の使用を開始
導入の基本
導入の例
アカウント登録
アカウントのダッシュボードを設定する
    Connect の埋め込みコンポーネントの使用を開始
    Connect の埋め込みコンポーネントをカスタマイズ
    対応可能な Connect の埋め込みコンポーネント
      使用可能なコンポーネント
      アカウント管理
      アカウント登録
      残高
      1 件の支払いに対する不審請求の申し立て
      不審請求の申し立てリスト
      ドキュメント
      金融口座
      金融口座の取引
      Issuing カード
      Issuing カードリスト
      通知バナー
      支払いの詳細
      支払い
      入金
      入金リスト
      税金登録
      Tax の設定
      コンポーネントをプレビュー
      アプリのインストール
      アプリのビューポート
      Capital の融資
      Capital の融資の申し込み
      Capital の融資のプロモーション
      税取引をエクスポートする
      支払い方法の設定
      レポートのチャート
    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-05-28.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);

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

方法タイプ説明
setAppstringSets the ID of the App your connected account can install. See the list of available apps.

You can configure custom behavior based on the current or updated state of an install.

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);
方法説明変数
setOnAppInstallStateFetchedAllows users to specify custom behavior in a callback function on install fetch.
  • response.appId: The app installed
  • response.state: The state of the install INSTALLED | UNINSTALLED
setOnAppInstallStateChangedAllows users to specify custom behavior in a callback function when the install state has changed.
  • response.appId: The app installed
  • response.state: The state of the install INSTALLED | UNINSTALLED

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

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

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

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

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