# Issuing とプラットフォーム向け Treasury のサンプルアプリ

顧客のアカウント登録、カードの発行、アウトバウンド支払いを行う方法をご紹介します。

アプリの[詳細なソースコード](https://github.com/stripe-samples/issuing-treasury)は GitHub にあります。

実装でプラットフォーム向け Issuing および Treasury API をどのように使用できるかを確認するには、サンプルアプリをお試しください。このアプリでは、顧客としてユーザー登録し、カードを作成して、オーソリをテストし、金融口座からアウトバウンド決済を実行できます。

コードを書かずに、サンプルアプリをコピーしてプラットフォームで使用することもできます。アクションによって生成される API ログに従ってください。

[Stripe のサンプルアプリを試す](https://baas.stripe.dev/auth/register)
[![プラットフォーム向け Issuing および Treasury デモアプリのカード詳細ページ](https://b.stripecdn.com/docs-statics-srv/assets/issuing-treasury-demo-app.54ad51387e0606a4b240347f4cb02cfb.png)

プラットフォーム向け Issuing および Treasury サンプルアプリのカード詳細ページ
](https://baas.stripe.dev/auth/register)
このアプリは、[企業顧客のアカウント登録を行うプラットフォーム](https://docs.stripe.com/issuing/connect.md#when-to-use-connect)を対象としています。自社や自社の従業員のカードのみを必要とする場合は、この方法ではなく、[ダッシュボードで Issuing](https://dashboard.stripe.com/test/issuing/overview) を使用します。

# Stripe のサンプルアプリを試す

> This is a Stripe のサンプルアプリを試す for when use-or-copy-sample-app is use-sample-app. View the full page at https://docs.stripe.com/issuing/sample-app?use-or-copy-sample-app=use-sample-app.


# サンプルアプリをコピーする

> This is a サンプルアプリをコピーする for when use-or-copy-sample-app is copy-sample-app. View the full page at https://docs.stripe.com/issuing/sample-app?use-or-copy-sample-app=copy-sample-app.


# Stripe のサンプルアプリを試す

> This is a Stripe のサンプルアプリを試す for when use-or-copy-sample-app is use-sample-app. View the full page at https://docs.stripe.com/issuing/sample-app?use-or-copy-sample-app=use-sample-app.

## プラットフォームでアカウントを作成する

サンプルアプリを使用するには、はじめにプラットフォームの顧客としてアカウント登録する[アカウントを作成](https://baas.stripe.dev/auth/register)します。

メールアドレスとパスワードを入力すると、アプリのバックエンドで連結アカウントが作成され、`card_issuing` と `treasury` のケイパビリティがリクエストされます。

> #### Accounts v2 API 互換性
> 
> Accounts v2 API は Issuing and Treasury ワークフローをサポートしていません。Accounts v2 で作成されたアカウントがある場合は、Accounts v1 を使用して `treasury` と `card_issuing` のケイパビリティを管理できます。詳細については、[Accounts を顧客として使用する](https://docs.stripe.com/accounts-v2/use-accounts-as-customers.md)を参照してください。

### (オプション) ホスティング登録をシミュレーションして、アカウントの詳細をすべて指定する

ホスティング登録をシミュレートする場合、エラーを防止するために、[テストトークン](https://docs.stripe.com/connect/testing.md#identity-verification)を使用して以下のステップを実行します。このアプリのアカウントデータは事前入力されています。

1. **Skip the rest of onboarding (残りのアカウント登録をスキップする)** のチェックマークを外します。

1. **テストデータ** ダイアログで**確定する** をクリックします。

1. **続行**をクリックして、Stripe の[ホスティング登録](https://docs.stripe.com/connect/custom/hosted-onboarding.md)フローに移動します。

1. **Let’s get started (始めましょう)** 画面で、以下を入力します。

   - **携帯電話番号:** 000-000-0000
   - **メールアドレス:** 任意の架空のメールアドレス

1. **携帯電話番号を確認する** で、**テストコードを使用** をクリックします。

1. **本人確認を行う** では、**この手順をスキップする** をクリックします。

フォームを送信すると、アプリのダッシュボードにリダイレクトで戻されます。

### これらのステップのコードと API ログを見る

サンプルアプリのコピーで最初のアカウントを登録するステップを完了したら、対応する API ログを確認します。アカウント登録時にバックエンドで下記のコードスニペットが実行されます。

1. [連結アカウント](https://docs.stripe.com/treasury/connect/account-management/connected-accounts.md)を、次のケイパビリティを指定して作成します: `transfers`、`card_issuing`、`treasury`。Issuing は、Stripe のダッシュボードを使用せず、要件の回収と損失責任をプラットフォームが担う連結アカウント (Custom connected account とも呼ばれます) にのみ対応しています。Issuing で動作する[連結アカウントを作成する方法](https://docs.stripe.com/connect/interactive-platform-guide.md?connect-charge-type=direct&connect-loss-liability-owner=platform)をご覧ください。アプリをコピーして API ログを表示し、[POST to /v1/accounts](https://dashboard.stripe.com/test/logs?method%5B0%5D=post&path=%2Fv1%2Faccounts) を確認します。

   ```javascript
   const account = await stripe.accounts.create({
     controller: {
       stripe_dashboard: {
         type: "none"
       },
       fees: {
         payer: "application"
       },
       losses: {
         payments: "application"
       },
       requirement_collection: "application",
     },
     country: "US",
     email: email,
     capabilities: {
       transfers: { requested: true },
       treasury: { requested: true },
       card_issuing: { requested: true },
     },
   });
   ```

1. [金融口座](https://docs.stripe.com/treasury/connect/account-management/financial-accounts.md)を作成します。アプリをコピーして API ログを表示し、[POST to /v1/treasury/financial_accounts](https://dashboard.stripe.com/test/logs?method%5B0%5D=post&path=%2Fv1%2Ftreasury%2Ffinancial_accounts) を確認します。

   ```javascript
   const financialAccount = await stripe.treasury.financialAccounts.create(
     {
       supported_currencies: ["usd"],
       features: {
         card_issuing: { requested: true },
         deposit_insurance: { requested: true },
         financial_addresses: { aba: { requested: true } },
         inbound_transfers: { ach: { requested: true } },
         intra_stripe_flows: { requested: true },
         outbound_payments: {
           ach: { requested: true },
           us_domestic_wire: { requested: true },
         },
         outbound_transfers: {
           ach: { requested: true },
           us_domestic_wire: { requested: true },
         },
       },
     },
     { stripeAccount: account.id }
   );
   ```

1. [Connect アカウント登録リンク](https://docs.stripe.com/connect/custom/hosted-onboarding.md#info-to-collect)を作成し、そのリンクを使用して新規ユーザーをリダイレクトして、リクエストされたケイパビリティに必要なプロフィール情報を収集します。Stripe アプリをコピーして API ログを表示し、[POST to /v1/account_links](https://dashboard.stripe.com/test/logs?method%5B0%5D=post&path=%2Fv1%2Faccount_links) を見つけます。Account Links リクエストのレスポンスには、アカウント登録フローへのリダイレクトに使用される `url` の値が含まれています。

   ```javascript
   const { url } = await stripe.accountLinks.create({
     type: "account_onboarding",
     account: "{{CONNECTED_ACCOUNT_ID}}",
     refresh_url: connectOnboardingRedirectUrl + "/onboard",
     return_url: connectOnboardingRedirectUrl + "/onboard",
   });
   ```

1. アカウント登録が完了すると、アカウントのケイパビリティの [status (ステータス)](https://docs.stripe.com/api/capabilities/object.md#capability_object-status) は `inactive` から `active` に変わります。「https://dashboard.stripe.com/{{CONNECTED_ACCOUNT_ID}}/test/events?type=account.updated」で連結アカウントの `account.updated` イベントを表示します。ステップ 1 のレスポンスで連結アカウントの ID を確認できます。

## 金融口座に資金を追加する

1. **概要** ページで、**Generate test data (テストデータを生成)** をクリックしてから、ドロワーの **Simulate received credit (受領したクレジットをシミュレーションする)** をクリックします。

1. この取引は、500 米ドルの[受取クレジット](https://docs.stripe.com/treasury/connect/moving-money/into/received-credits.md) (受信 ACH) として表示され、[取引レシート](https://docs.stripe.com/treasury/connect/moving-money/regulatory-receipts.md)に記載されます。

1. **Financial account** ページに移動して、[口座番号を確認](https://docs.stripe.com/treasury/connect/account-management/financial-accounts.md#retrieve-a-financialaccount-and-account-number)します。

### これらのステップのコードと API ログを見る

これらのステップの詳細を確認するには、以下のコードサンプルと API ログを使用します。

### ReceivedCredit テストヘルパー

テスト環境では、[ReceivedCredit テストヘルパー](https://docs.stripe.com/api/treasury/received_credits/test_mode_create.md) を使って金融口座に資金を追加できます。このテストヘルパーは、外部の銀行口座から金融口座への送金をシミュレートします。アプリをコピーして API ログを表示し、[POST to /v1/test_helpers/treasury/received_credits](https://dashboard.stripe.com/test/logs?showIP=false&method%5B0%5D=post&path=%2Fv1%2Ftest_helpers%2Ftreasury%2Freceived_credits) 見つけます。

```javascript
const receivedCredit = await stripe.testHelpers.treasury.receivedCredits.create(
  {
    amount: 50000,
    currency: "usd",
    financial_account: "{{FINANCIAL_ACCOUNT_ID}}",
    network: "ach",
  },
  { stripeAccount: "{{CONNECTED_ACCOUNT_ID}}" }
);
```

## アウトバウンド ACH 支払いを行う

任意のルーティング番号と口座番号を入力できますが、アプリは Stripe の[アウトバウンド決済用のテスト番号](https://docs.stripe.com/treasury/connect/moving-money/out-of/outbound-payments.md#testingobp)を使用してテスト決済を処理します。

1. **金融口座** ページで、**資金を送る** をクリックします。
1. **ACH** を選択してから、受取人の情報と送金額を入力します。
1. 取引結果として `POSTED` を選択し、完了した支払いをシミュレーションします。
1. 取引は[アウトバウンド決済](https://docs.stripe.com/treasury/connect/moving-money/out-of/outbound-payments.md)として表示されます。

### これらのステップのコードと API ログを見る

これらのステップの詳細を確認するには、以下のコードサンプルと API ログを使用します。

### 送金インターフェイス

サンプルアプリの送金機能は、プラットフォーム向け Treasury の `OutboundPayment` 機能を使用しています。[OutboundPayments](https://docs.stripe.com/treasury/connect/moving-money/out-of/outbound-payments.md) を使用して、第三者の外部口座に送金できます。アプリをコピーして API ログを表示し、[POST to /v1/treasury/outbound_payments](https://dashboard.stripe.com/test/logs?method%5B0%5D=post&path=%2Fv1%2Ftreasury%2Foutbound_payments) を確認します。レスポンスでは、決済のステータスが `processing` であることを確認できます。

```javascript
const outboundPayment = await stripe.treasury.outboundPayments.create(
  {
    financial_account: "{{FINANCIAL_ACCOUNT_ID}}",
    amount: 100,
    currency: "usd",
    statement_descriptor: req.descriptor,
    destination_payment_method_data: {
      type: "us_bank_account",
      us_bank_account: {
        account_holder_type: "company",
        routing_number: "110000000",
        account_number: "000000000009",
      },
    },
  },
  {
    stripeAccount: "{{CONNECTED_ACCOUNT_ID}}",
  }
);
```

### テストヘルパーを使用して取引結果を設定する

ウェブアプリで取引結果を選択すると、アウトバウンド決済のステータスが[テストヘルパーエンドポイント](https://docs.stripe.com/treasury/connect/moving-money/out-of/outbound-payments.md#outboundpayment-test-helper-endpoints)を通じて更新されます。アプリをコピーして API ログを表示し、[POST to /v1/test_helpers/treasury/outbound_payments/{{OUTBOUND_PAYMENT_ID}}/post](https://dashboard.stripe.com/test/logs?method%5B0%5D=post&path=%2Fv1%2Ftest_helpers) を確認します。レスポンスでは、決済のステータスが `posted` であることを確認できます。

```javascript
const outboundPayment = await stripe.testHelpers.treasury.outboundPayments.post(
  {{OUTBOUND_PAYMENT_ID}},
);
```

## カード保有者とカードを作成して、テスト購入を行う

1. **カード保有者**ページで、**Create a new cardholder (カード保有者を新規作成する)** をクリックします。
1. カード保有者の情報を入力し、**カードを発行** をクリックして、バーチャルカードを作成します。
1. **カード** ページにリダイレクトされます。カード行の**詳細** をクリックして、新しいバーチャルカードを表示します。
1. **Generate test data (テストデータを生成)** をクリックしてから、**Simulate test purchase (テスト購入をシミュレーションする)** をクリックします。

### これらのステップのコードと API ログを見る

これらのステップの詳細を確認するには、以下のコードサンプルと API ログを使用します。

### カード保有者を作成する

Stripe Issuing の [Create Cardholder (カード保有者の作成)](https://docs.stripe.com/api/issuing/cardholders/create.md) API を使用して `Cardholder` を作成します。

```javascript
const cardholder = await stripe.issuing.cardholders.create(
  {
    type: "individual",
    name: firstName + " " + lastName,
    email: email,
    individual: {
      first_name: firstName,
      last_name: lastName,
      card_issuing: {
        user_terms_acceptance: {
          date: Date.now(),
          ip: ip,
        },
      },
    },
    billing: {
      address: {
        city: city,
        line1: address1,
        state: state,
        postal_code: postalCode,
        country: country,
      },
    },
  },
  {
    stripeAccount: "{{CONNECTED_ACCOUNT_ID}}",
  }
);
```

### カードを作成する

`Cardholder` を作成した後、[Create Card (カードの作成)](https://docs.stripe.com/api/issuing/cards/create.md) API を使用して `Cardholder` にカードを発行します。カードの `financial_account` は、ステップ 2 で作成した金融口座の `ID` に設定します。

```javascript
const card = await stripe.issuing.cards.create(
  {
    cardholder: cardholderId,
    financial_account: {{FINANCIAL_ACCOUNT_ID}},
    currency: 'usd',
    type: 'virtual',
    status: 'active',
  },
  {
    stripeAccount: "{{CONNECTED_ACCOUNT_ID}}"
  },
);
```

### テスト購入を作成する

ダッシュボードでオーソリを作成した後に、API ログ [POST to /v1/test_helpers/issuing/authorizations](https://dashboard.stripe.com/test/logs?method%5B0%5D=post&path=%2Fv1%2Ftest_helpers%2Fissuing%2Fauthorizations) を探します。ダッシュボードでオーソリをキャプチャーした後は、API ログ [POST to /v1/test_helpers/issuing/authorizations/{{AUTHORIZATION_ID}}](https://dashboard.stripe.com/test/logs?method%5B0%5D=post&path=%2Fv1%2Ftest_helpers%2Fissuing%2Fauthorizations%2F*) を探します。

## Optional: カードでの支出を一時的に停止する

1. **カード** ページで、カードの**詳細** をクリックします。
1. **カードを無効にする**をクリックします。このボタンの下にある [status (ステータス)](https://docs.stripe.com/api/issuing/cards/object.md#issuing_card_object-status) が `inactive` に変わります。
1. **Generate test data (テストデータを生成)** をクリックして、リンクをたどり、ダッシュボードでカードを表示します。
1. ダッシュボードで、**Create a test purchase (テスト購入を作成)** をクリックします。次のページでオーソリが拒否されます。
1. ウェブアプリに戻り、拒否されたオーソリの詳細を表示します。
1. **Activate Card (カードを有効化する)** をクリックして、カードのステータスを `inactive` から `active` に戻します。

> #### サンプルアプリをコピーして、ステップ 3 ～ 6 を実行する
> 
> [サンプルアプリをコピー](https://docs.stripe.com/issuing/sample-app.md?use-or-copy-sample-app=use-sample-app)して、独自の Stripe API キーで使用する場合は、ダッシュボードを使用してテスト購入を作成します。

### これらのステップのコードと API ログを見る

これらのステップの詳細を確認するには、以下のコードサンプルと API ログを使用します。

### カードのステータスを inactive に切り替える

**無効化** をクリックすると、カードの `status` は `inactive` に切り替わります。アプリをコピーして、API ログを表示し、[POST to /v1/issuing/cards/{{CARD_ID}}](https://dashboard.stripe.com/test/logs?method%5B0%5D=post&path=%2Fv1%2Fissuing%2Fcards%2F*) を探します。

```javascript
const card = await stripe.issuing.cards.update(
  {{CARD_ID}},
  {
    status: 'inactive',
  }
);
```

### カードが有効でないことが原因で拒否されるオーソリをテストする

ダッシュボードでオーソリを作成した後に、API ログ ([POST to /v1/issuing/cards/{{CARD_ID}}/test/authorizations](https://dashboard.stripe.com/test/logs?method%5B0%5D=post&path=%2Fv1%2Fissuing%2Fcards%2F*%2Ftest%2Fauthorizations)) を見つけます。オーソリの[承認](https://docs.stripe.com/api/issuing/authorizations/object.md#issuing_authorization_object-approved)は `false` です。

次に、「https://dashboard.stripe.com/{{CONNECTED_ACCOUNT_ID}}/test/events?type=issuing_authorization.created」で連結アカウントの `issuing_authorization.created` イベントを表示します。オーソリの [request_history](https://docs.stripe.com/api/issuing/authorizations/object.md#issuing_authorization_object-request_history) には、`'approved: false, 'reason': 'card_inactive'` が表示されます。

## Optional: アカウントの支払い残高から金融口座への入金

1. **テストデータ** ページで、**Create PaymentLink (PaymentLink を作成する)** をクリックしてから、**Go to PaymentLink (PaymentLink に移動する)** をクリックします。

1. 任意のメールアドレス、名前、郵便番号を入力し、カード番号として `4000 0000 0000 0077` を使用します。

   - このテストカードでは、資金がアカウントの利用可能な残高に即座に追加されます。

1. 支払いを完了してから、ウェブアプリの**テストデータ** ページに戻り、ページを更新します。

1. **Create Payout (入金を作成する)** に連結アカウントの利用可能残高 9.41 USD が表示されます。

1. **Add Financial Account as External Account** をクリックして、連結アカウントの入金用デフォルト外部アカウントを、プラットフォーム向け Treasury で作成した金融口座に設定します。詳細は、Stripe 決済からの[入金とトップアップ](https://docs.stripe.com/treasury/connect/moving-money/payouts.md)をご覧ください。

1. **入金を作成**をクリックしてから、**概要**ページに移動して、取引の詳細を表示します。

### これらのステップのコードと API ログを見る

これらのステップの詳細を確認するには、以下のコードサンプルと API ログを使用します。

### 支払いを受け取る

決済用のリンクを使用してテスト支払いを受け取り、金融口座に関連付けられた連結アカウントに支払い残高を送金することができます。

1. 支払いの完了後に連結アカウントに支払われる金額を決定する `Price` を作成します。

   ```javascript
   const prices = await stripe.prices.list(
     {
       limit: 1,
       active: true,
       type: "one_time",
     },
     {
       stripeAccount: "{{CONNECTED_ACCOUNT_ID}}",
     },
   );
   
   const price =
     prices.data.length < 1
       ? await stripe.prices.create(
           {
             unit_amount: 1000,
             currency: "usd",
             product_data: {
               name: "Some Product",
             },
           },
           {
             stripeAccount: "{{CONNECTED_ACCOUNT_ID}}",
           },
         )
       : prices.data[0];
   ```

1. 価格を取得した後、サンプルアプリは `PaymentLink` を作成し、ユーザーをリダイレクトして支払いを完了できるようにします。前のステップの価格 `id` を使用して `price` パラメーターの値を設定します。デフォルト値を使用する場合は、このパラメーターを除外できます。

   ```javascript
   const paymentLink = await stripe.paymentLinks.create(
     {
       line_items: [
         {
           price: price.id,
           quantity: 1,
           adjustable_quantity: { enabled: true },
         },
       ],
     },
     {
       stripeAccount: "{{CONNECTED_ACCOUNT_ID}}",
     },
   );
   ```

### 連結アカウントの支払い残高からの入金

[入金](https://docs.stripe.com/treasury/connect/moving-money/payouts.md#payouts)は、連結アカウントの決済残高から金融口座に資金を送金することができます。入金を実行するには、以下の手順に従ってください。

1. 連結アカウント用に外部口座が設定されているかどうかを確認します。そのためには、[accounts.retrieve](https://docs.stripe.com/api/accounts/retrieve.md) API を使用して、[Account オブジェクト](https://docs.stripe.com/api/accounts/object.md) を取得し、`external_account` プロパティが設定されているかどうかを確認します。

   ```javascript
   const responseAccount = await stripe.accounts.retrieve("{{CONNECTED_ACCOUNT_ID}}");
   
   const hasExternalAccount = responseAccount.external_accounts?.data[0] != undefined;
   ```

1. 既存の外部口座がない場合、ユーザーは金融口座を連結アカウントの外部口座として設定することができます。

   ```javascript
   const financialAccounts = await stripe.treasury.financialAccounts.list(
     { expand: ["data.financial_addresses.aba.account_number"] },
     {
       stripeAccount: "{{CONNECTED_ACCOUNT_ID}}",
     },
   );
   
   const financialAccount = financialAccounts.data[0];
   const aba = financialAccount.financial_addresses[0]?.aba;
   
   // ...
   
   const token = await stripe.tokens.create(
     {
       bank_account: {
         account_number: aba.account_number,
         country: "US",
         currency: "usd",
         routing_number: aba.routing_number,
       },
     },
     undefined,
   );
   await stripe.accounts.createExternalAccount("{{CONNECTED_ACCOUNT_ID}}", {
     external_account: token.id,
   });
   ```

1. 連結アカウントの外部口座への入金を開始します。この場合、外部口座は金融口座です。API ログで [POST to /v1/payouts](https://dashboard.stripe.com/test/logs?method%5B0%5D=post&path=%2Fv1%2Fpayouts)を検索します。

   ```javascript
   const balance = await stripe.balance.retrieve(
     {
       stripeAccount: "{{CONNECTED_ACCOUNT_ID}}",
     }
   );
   
   const payout = await stripe.payouts.create(
     {
       amount: balance.available[0].amount,
       currency: 'usd',
     },
     {
       stripeAccount: "{{CONNECTED_ACCOUNT_ID}}",
     }
   );
   ```

*https://dashboard.stripe.com/{{CONNECT\_ACCOUNT\_ID}}/test/events?type=treasury.received\_credit.created* で連結アカウントの `treasury.received_credit.created` イベントを表示します。ステップ 1 のレスポンスで連結アカウントの ID を確認できます。


# サンプルアプリをコピーする

> This is a サンプルアプリをコピーする for when use-or-copy-sample-app is copy-sample-app. View the full page at https://docs.stripe.com/issuing/sample-app?use-or-copy-sample-app=copy-sample-app.

アプリをコピーして、自社の Stripe API キーで使用する場合は、ダッシュボードを使用して以下を実行します。

- アプリで作成したオブジェクトを表示して編集します。
- サンプルアプリでのアクションによって生成された [API ログ](https://dashboard.stripe.com/test/logs)に従います。
- ロゴとカラーを追加して、アプリのアカウント登録フォームを設定します。

サンプルアプリのコピーが完了したら、[サンプルアプリを使用](https://docs.stripe.com/issuing/sample-app.md?use-or-copy-sample-app=use-sample-app)の手順に従ってください。

## はじめに

1. [プラットフォームを登録](https://dashboard.stripe.com/connect/tasklist)します。
1. テスト用の *サンドボックス* (A sandbox is an isolated test environment that allows you to test Stripe functionality in your account without affecting your live integration. Use sandboxes to safely experiment with new features and changes)環境で、[プラットフォーム向け Treasury と Issuing を有効化](https://docs.stripe.com/treasury/connect/access.md)すると、このステップを完了するまでウェブアプリは動作しません。
1. [ブランド設定をカスタマイズ](https://dashboard.stripe.com/settings/connect/stripe-dashboard/branding)します。*Connect* (Connect is Stripe's solution for multi-party businesses, such as marketplace or software platforms, to route payments between sellers, customers, and other recipients) のアカウント登録では、会社名、アイコン、ブランドカラーを追加する必要があります。

## アプリのデプロイ方法を選択する

共有可能なウェブリンクにアプリをデプロイするか、ソースコードをコピーするかを選択できます。

#### 共有可能なウェブリンクにデプロイする

コードを作成することなく、Render を使用して自社の一意の航海 URL (例: https://issuing-treasury-xyz1.onrender.com) を取得できます。

1. **Render にデプロイする** をクリックし、登録プロセスを完了して無料の Render アカウントを作成します。

   [Render にデプロイする](https://render.com/deploy?repo=https://github.com/stripe-samples/issuing-treasury)

1. 設計図画面で、以下を入力します。

   - **設計図の名前:** 任意の名前を入力します (「Demo」など)
   - **支店:** `main` を選択します
   - **NEXT\_PUBLIC\_STRIPE\_PUBLISHABLE\_KEY**: ログインして、公開可能 API キー「(先頭は `with pk_test`)」を確認します
   - **STRIPE\_SECRET\_KEY**: ログインして、シークレット API キー「(先頭は `sk_test`)」を確認する

1. **適用**をクリックします。

1. Render のデプロイ終了を待ってから (最大 5 分かかります)、**issuing-treasury** をクリックします。
![Render のウェブサイトに表示される一意の URL](https://b.stripecdn.com/docs-statics-srv/assets/render-create-webservice-issuing-treasury.7fccd99a307610d8ff42bc8f2628bb0c.png)
   
1. 次のページで、一意の URL をクリックして、ウェブアプリを開きます。
![Render のウェブサイトに表示される一意の URL](https://b.stripecdn.com/docs-statics-srv/assets/issuing-treasury-onrender-url.3624704c9826a8866f8015adea7a9cae.png)

#### ソースコードをコピーする

ウェブアプリでテスト用の Issuing と金融口座オブジェクトを作成し、API ログをリアルタイムで表示するには、[GitHub](https://github.com/stripe-samples/issuing-treasury) にアクセスしてください。[README](https://github.com/stripe-samples/issuing-treasury#stripe-issuing-and-treasury-an-embedded-finance-starter-application) に従って、サンプルアプリを適切にコピーして設定し、[Postgres](https://github.com/stripe-samples/issuing-treasury#database-setup) やその他のコンポーネントを設定してください。