> ## Documentation Index
> Fetch the complete documentation index at: https://docs-dev-react-sdk-reference.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Vault

> ActionsでVaultのフォームを使用する方法について説明します。

Vaultでは、シークレットや共通の設定（例：APIキー、アクセストークン、リフレッシュトークンなど）を安全に保存し、Vault接続として外部サービスや統合を使用した要求を認証できます。

<Callout icon="file-lines" color="#0EA5E9" iconType="regular">
  * 接続の中には、ユーザーに対して資格情報の提供を求めるものがあります（たとえば、Auth0でマシンツーマシン（M2M）アプリケーションを使う場合は、使用期限とリフレッシュトークンのあるアクセストークンを生成します）。接続は、両方のトークンを保管し、期限が切れる前に新しいアクセストークンを生成します。
  * 外部サービスによっては、API資格情報の生成にスコープの認可が必要です。スコープを変更した場合は、接続で問題が発生しないように、それらのサービスへの接続を更新してください。
  * 追加した接続は、すぐにフローで使用できます。既存の接続に対する更新は、自動的に反映されます。
</Callout>

## Vault接続を作成および変更する

アクションに資格情報が必要な場合、VaultページまたはフローエディターからVaultへの接続を作成・変更します。

### VaultページからVault接続を作成する

以下の手順に従って、VaultページからVault接続を追加します。

1. **［Auth0 Dashboard］>［Actions（アクション）］>［Forms（フォーム）］** の順に選択して、フォームエディターを開きます。

2. 左上隅の **{tenantName} >* \*\*\* ［Vault］*\* をクリックして、Vaultページを開きます。

   <Frame>
     <img src="https://mintcdn.com/docs-dev-react-sdk-reference/sLDmzNuO3ZCCApzI/docs/images/ja-jp/cdy7uua7fh8z/1sPNPKO6nuEDCuiYGRWSur/d85dc616170eaf2d7d5f321750863ccf/vault-connections-example.png?fit=max&auto=format&n=sLDmzNuO3ZCCApzI&q=85&s=6c0be1514f09ee74994c842d799f475e" alt="Dashboard > Forms > Vault" data-og-width="1332" width="1332" data-og-height="515" height="515" data-path="docs/images/ja-jp/cdy7uua7fh8z/1sPNPKO6nuEDCuiYGRWSur/d85dc616170eaf2d7d5f321750863ccf/vault-connections-example.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/docs-dev-react-sdk-reference/sLDmzNuO3ZCCApzI/docs/images/ja-jp/cdy7uua7fh8z/1sPNPKO6nuEDCuiYGRWSur/d85dc616170eaf2d7d5f321750863ccf/vault-connections-example.png?w=280&fit=max&auto=format&n=sLDmzNuO3ZCCApzI&q=85&s=746eebde2bf205cc35238a4b710a3b50 280w, https://mintcdn.com/docs-dev-react-sdk-reference/sLDmzNuO3ZCCApzI/docs/images/ja-jp/cdy7uua7fh8z/1sPNPKO6nuEDCuiYGRWSur/d85dc616170eaf2d7d5f321750863ccf/vault-connections-example.png?w=560&fit=max&auto=format&n=sLDmzNuO3ZCCApzI&q=85&s=bb99b5f58bb08fcbcf9413b55de81fca 560w, https://mintcdn.com/docs-dev-react-sdk-reference/sLDmzNuO3ZCCApzI/docs/images/ja-jp/cdy7uua7fh8z/1sPNPKO6nuEDCuiYGRWSur/d85dc616170eaf2d7d5f321750863ccf/vault-connections-example.png?w=840&fit=max&auto=format&n=sLDmzNuO3ZCCApzI&q=85&s=df6ba55926ac5cd21605ea2c2625aa78 840w, https://mintcdn.com/docs-dev-react-sdk-reference/sLDmzNuO3ZCCApzI/docs/images/ja-jp/cdy7uua7fh8z/1sPNPKO6nuEDCuiYGRWSur/d85dc616170eaf2d7d5f321750863ccf/vault-connections-example.png?w=1100&fit=max&auto=format&n=sLDmzNuO3ZCCApzI&q=85&s=15fe64e91b3c17fab712264e0a34a95f 1100w, https://mintcdn.com/docs-dev-react-sdk-reference/sLDmzNuO3ZCCApzI/docs/images/ja-jp/cdy7uua7fh8z/1sPNPKO6nuEDCuiYGRWSur/d85dc616170eaf2d7d5f321750863ccf/vault-connections-example.png?w=1650&fit=max&auto=format&n=sLDmzNuO3ZCCApzI&q=85&s=51f0b80f7f100e3defc27c1c42c79b10 1650w, https://mintcdn.com/docs-dev-react-sdk-reference/sLDmzNuO3ZCCApzI/docs/images/ja-jp/cdy7uua7fh8z/1sPNPKO6nuEDCuiYGRWSur/d85dc616170eaf2d7d5f321750863ccf/vault-connections-example.png?w=2500&fit=max&auto=format&n=sLDmzNuO3ZCCApzI&q=85&s=d83aca5506f426e65969ea5b9d6620fa 2500w" />
   </Frame>

3. **［Add Vault Connection（Vault接続を追加）］** を選択します。

4. 必要なアクションを選択し、 **［Continue（続行）］** をクリックします。

5. Vaultの **［Connection name（接続名）］** を追加し、 **［Continue（続行）］** を選択します。

6. 資格情報を入力します。特定の資格情報がない場合は、 **［Create an empty connection（空の接続を作成）］** を選択し、後で資格情報を追加することもできます。空の接続には、資格情報が不足していることを示すオレンジ色のアイコンが表示されます。

7. **［Add Vault Connection（Vault接続を追加）］** を選択します。

### フローエディターからVault接続を作成する

フローアクションから、たとえばTwilioのようなVault接続を追加するには、以下の手順を実行します。

1. **［Auth0 Dashboard］>［Actions（アクション）］>［Forms（フォーム）］>［Flows（フロー）］** の順に選択して、フローエディターを開きます。

2. フローを選択し、 **［Send SMS with Twillo（TwilloでSMSを送信］** アクションを追加します。

3. アクションの **［Vault connection（Vault接続）］** 設定で、 **+** アイコンを選択します。

   <Frame>
     <img src="https://mintcdn.com/docs-dev-react-sdk-reference/Pc2SMTpthOS_oONI/docs/images/ja-jp/cdy7uua7fh8z/1AsaznhRKxm5LZxPlcbfUw/10e5a8af700aab909f5b03fcd266da7e/twilio-vault-connection.png?fit=max&auto=format&n=Pc2SMTpthOS_oONI&q=85&s=190137a5047106abf00916a37467672c" alt="Dashboard > Forms > Vault " data-og-width="1104" width="1104" data-og-height="191" height="191" data-path="docs/images/ja-jp/cdy7uua7fh8z/1AsaznhRKxm5LZxPlcbfUw/10e5a8af700aab909f5b03fcd266da7e/twilio-vault-connection.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/docs-dev-react-sdk-reference/Pc2SMTpthOS_oONI/docs/images/ja-jp/cdy7uua7fh8z/1AsaznhRKxm5LZxPlcbfUw/10e5a8af700aab909f5b03fcd266da7e/twilio-vault-connection.png?w=280&fit=max&auto=format&n=Pc2SMTpthOS_oONI&q=85&s=662c7d68db86cba2636bbd6ea9a9f22d 280w, https://mintcdn.com/docs-dev-react-sdk-reference/Pc2SMTpthOS_oONI/docs/images/ja-jp/cdy7uua7fh8z/1AsaznhRKxm5LZxPlcbfUw/10e5a8af700aab909f5b03fcd266da7e/twilio-vault-connection.png?w=560&fit=max&auto=format&n=Pc2SMTpthOS_oONI&q=85&s=63b2a7fd12f2d73a1bee71422bf397d7 560w, https://mintcdn.com/docs-dev-react-sdk-reference/Pc2SMTpthOS_oONI/docs/images/ja-jp/cdy7uua7fh8z/1AsaznhRKxm5LZxPlcbfUw/10e5a8af700aab909f5b03fcd266da7e/twilio-vault-connection.png?w=840&fit=max&auto=format&n=Pc2SMTpthOS_oONI&q=85&s=ac57629f6bdade8227eb3ab02ac521c5 840w, https://mintcdn.com/docs-dev-react-sdk-reference/Pc2SMTpthOS_oONI/docs/images/ja-jp/cdy7uua7fh8z/1AsaznhRKxm5LZxPlcbfUw/10e5a8af700aab909f5b03fcd266da7e/twilio-vault-connection.png?w=1100&fit=max&auto=format&n=Pc2SMTpthOS_oONI&q=85&s=7f9aaca3c8d66ab39272c4f38aad8d1c 1100w, https://mintcdn.com/docs-dev-react-sdk-reference/Pc2SMTpthOS_oONI/docs/images/ja-jp/cdy7uua7fh8z/1AsaznhRKxm5LZxPlcbfUw/10e5a8af700aab909f5b03fcd266da7e/twilio-vault-connection.png?w=1650&fit=max&auto=format&n=Pc2SMTpthOS_oONI&q=85&s=1a580a33bd4f818efdd706172f73bc2e 1650w, https://mintcdn.com/docs-dev-react-sdk-reference/Pc2SMTpthOS_oONI/docs/images/ja-jp/cdy7uua7fh8z/1AsaznhRKxm5LZxPlcbfUw/10e5a8af700aab909f5b03fcd266da7e/twilio-vault-connection.png?w=2500&fit=max&auto=format&n=Pc2SMTpthOS_oONI&q=85&s=3bcc025fc3c622e2be480bbd02d27a65 2500w" />
   </Frame>

4. Vaultの **［Connection name（接続名）］** を追加し、 **［Continue（続行）］** を選択します。

5. 資格情報を入力します。特定の資格情報がない場合は、 **［Create an empty connection（空の接続を作成）］** を選択し、後で資格情報を追加することもできます。空の接続には、資格情報が不足していることを示すオレンジ色のアイコンが表示されます。

   <Frame>
     <img src="https://mintcdn.com/docs-dev-react-sdk-reference/y3k8hMTMsjTE3Yz5/docs/images/ja-jp/cdy7uua7fh8z/yobXanutPRCO3FWek8cOk/bc29e39fb8593cff35e2738234bfe6fe/twilio-vault-settings.png?fit=max&auto=format&n=y3k8hMTMsjTE3Yz5&q=85&s=f161b658a56a6cb11ed7b8738ee24044" alt="Dashboard > Forms > Vault > Twilio connection settings" data-og-width="1369" width="1369" data-og-height="491" height="491" data-path="docs/images/ja-jp/cdy7uua7fh8z/yobXanutPRCO3FWek8cOk/bc29e39fb8593cff35e2738234bfe6fe/twilio-vault-settings.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/docs-dev-react-sdk-reference/y3k8hMTMsjTE3Yz5/docs/images/ja-jp/cdy7uua7fh8z/yobXanutPRCO3FWek8cOk/bc29e39fb8593cff35e2738234bfe6fe/twilio-vault-settings.png?w=280&fit=max&auto=format&n=y3k8hMTMsjTE3Yz5&q=85&s=a7f6d1e513334b4504a4bebc7b748777 280w, https://mintcdn.com/docs-dev-react-sdk-reference/y3k8hMTMsjTE3Yz5/docs/images/ja-jp/cdy7uua7fh8z/yobXanutPRCO3FWek8cOk/bc29e39fb8593cff35e2738234bfe6fe/twilio-vault-settings.png?w=560&fit=max&auto=format&n=y3k8hMTMsjTE3Yz5&q=85&s=6e37c940e8f4669dfe399e4a84a8ebba 560w, https://mintcdn.com/docs-dev-react-sdk-reference/y3k8hMTMsjTE3Yz5/docs/images/ja-jp/cdy7uua7fh8z/yobXanutPRCO3FWek8cOk/bc29e39fb8593cff35e2738234bfe6fe/twilio-vault-settings.png?w=840&fit=max&auto=format&n=y3k8hMTMsjTE3Yz5&q=85&s=c183e7a4e4b7292f89f21b20ce920a87 840w, https://mintcdn.com/docs-dev-react-sdk-reference/y3k8hMTMsjTE3Yz5/docs/images/ja-jp/cdy7uua7fh8z/yobXanutPRCO3FWek8cOk/bc29e39fb8593cff35e2738234bfe6fe/twilio-vault-settings.png?w=1100&fit=max&auto=format&n=y3k8hMTMsjTE3Yz5&q=85&s=babfa106094fd2041fc8fd967eaa283d 1100w, https://mintcdn.com/docs-dev-react-sdk-reference/y3k8hMTMsjTE3Yz5/docs/images/ja-jp/cdy7uua7fh8z/yobXanutPRCO3FWek8cOk/bc29e39fb8593cff35e2738234bfe6fe/twilio-vault-settings.png?w=1650&fit=max&auto=format&n=y3k8hMTMsjTE3Yz5&q=85&s=28ad348452fc69b5afb161d98a128787 1650w, https://mintcdn.com/docs-dev-react-sdk-reference/y3k8hMTMsjTE3Yz5/docs/images/ja-jp/cdy7uua7fh8z/yobXanutPRCO3FWek8cOk/bc29e39fb8593cff35e2738234bfe6fe/twilio-vault-settings.png?w=2500&fit=max&auto=format&n=y3k8hMTMsjTE3Yz5&q=85&s=86fcad83c7489a6a6b758f2f97b649b5 2500w" />
   </Frame>

6. **［Add Vault Connection（Vault接続を追加）］** を選択します。
