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

> Learn how to configure your HTTP Vault Connections to authorize HTTP requests to external APIs or services.

# HTTP Vault Connection

## Configure your HTTP Vault Connection Options

HTTP Vault Connection can be configure with different authentication options and then be used at your HTTP Request Flow Actions.

<Frame>
  <img src="https://mintcdn.com/docs-staging-react-sdk-reference/x8sqG2a21305CMaP/docs/images/customize/forms/vaults/http-vault-connection-options.png?fit=max&auto=format&n=x8sqG2a21305CMaP&q=85&s=010345e3ff171d1144c733edc317eaf4" alt="Dashboard > Actions > Forms > Vault > HTTP" data-og-width="801" width="801" data-og-height="383" height="383" data-path="docs/images/customize/forms/vaults/http-vault-connection-options.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/docs-staging-react-sdk-reference/x8sqG2a21305CMaP/docs/images/customize/forms/vaults/http-vault-connection-options.png?w=280&fit=max&auto=format&n=x8sqG2a21305CMaP&q=85&s=6fd8fa6871c5115db0aa7a17ab82efb8 280w, https://mintcdn.com/docs-staging-react-sdk-reference/x8sqG2a21305CMaP/docs/images/customize/forms/vaults/http-vault-connection-options.png?w=560&fit=max&auto=format&n=x8sqG2a21305CMaP&q=85&s=d9a8757b1516968122c18dc728cac97c 560w, https://mintcdn.com/docs-staging-react-sdk-reference/x8sqG2a21305CMaP/docs/images/customize/forms/vaults/http-vault-connection-options.png?w=840&fit=max&auto=format&n=x8sqG2a21305CMaP&q=85&s=019a386a464b88cc5dbea60ab4af36ed 840w, https://mintcdn.com/docs-staging-react-sdk-reference/x8sqG2a21305CMaP/docs/images/customize/forms/vaults/http-vault-connection-options.png?w=1100&fit=max&auto=format&n=x8sqG2a21305CMaP&q=85&s=7155fde376a1b40c1e40e0a0b8474c45 1100w, https://mintcdn.com/docs-staging-react-sdk-reference/x8sqG2a21305CMaP/docs/images/customize/forms/vaults/http-vault-connection-options.png?w=1650&fit=max&auto=format&n=x8sqG2a21305CMaP&q=85&s=4eddd3144b123ef960e0d2e9bd23c425 1650w, https://mintcdn.com/docs-staging-react-sdk-reference/x8sqG2a21305CMaP/docs/images/customize/forms/vaults/http-vault-connection-options.png?w=2500&fit=max&auto=format&n=x8sqG2a21305CMaP&q=85&s=bbf16314b0a266e3ee27e883c0aa3ce1 2500w" />
</Frame>

## Configure your HTTP Vault Connection for Bearer Token

To configure a HTTP Vault Connection using **Bearer Token** authorization, you need to set the required parameters.

<Frame>
  <img src="https://mintcdn.com/docs-staging-react-sdk-reference/x8sqG2a21305CMaP/docs/images/customize/forms/vaults/http-vault-connection-bearer-token.png?fit=max&auto=format&n=x8sqG2a21305CMaP&q=85&s=a5206b00b05533683c61970453dbea28" alt="Dashboard > Actions > Forms > Vault > HTTP" data-og-width="800" width="800" data-og-height="307" height="307" data-path="docs/images/customize/forms/vaults/http-vault-connection-bearer-token.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/docs-staging-react-sdk-reference/x8sqG2a21305CMaP/docs/images/customize/forms/vaults/http-vault-connection-bearer-token.png?w=280&fit=max&auto=format&n=x8sqG2a21305CMaP&q=85&s=c861c1b368519764f206bd285f36b0aa 280w, https://mintcdn.com/docs-staging-react-sdk-reference/x8sqG2a21305CMaP/docs/images/customize/forms/vaults/http-vault-connection-bearer-token.png?w=560&fit=max&auto=format&n=x8sqG2a21305CMaP&q=85&s=eff3661b17f72b55a0a73cff2662e6f8 560w, https://mintcdn.com/docs-staging-react-sdk-reference/x8sqG2a21305CMaP/docs/images/customize/forms/vaults/http-vault-connection-bearer-token.png?w=840&fit=max&auto=format&n=x8sqG2a21305CMaP&q=85&s=50634edc13a1652c53cf46f2da25204c 840w, https://mintcdn.com/docs-staging-react-sdk-reference/x8sqG2a21305CMaP/docs/images/customize/forms/vaults/http-vault-connection-bearer-token.png?w=1100&fit=max&auto=format&n=x8sqG2a21305CMaP&q=85&s=f342ce23f05999c2d6b887b406e283fd 1100w, https://mintcdn.com/docs-staging-react-sdk-reference/x8sqG2a21305CMaP/docs/images/customize/forms/vaults/http-vault-connection-bearer-token.png?w=1650&fit=max&auto=format&n=x8sqG2a21305CMaP&q=85&s=d5fc6460e96a1a1159bcd8e2a0bc814c 1650w, https://mintcdn.com/docs-staging-react-sdk-reference/x8sqG2a21305CMaP/docs/images/customize/forms/vaults/http-vault-connection-bearer-token.png?w=2500&fit=max&auto=format&n=x8sqG2a21305CMaP&q=85&s=3733ebdbc19e4d2dfbafa122c57d92f6 2500w" />
</Frame>

### Input settings

| Parameter    | Description                                           |
| ------------ | ----------------------------------------------------- |
| Bearer Token | Static token used for external service authorization. |

## Configure your HTTP Vault Connection for OAuth Client Credentials

To configure a HTTP Vault Connection using **Client Credentials** authorization, you need to set the required parameters.

<Frame>
  <img src="https://mintcdn.com/docs-staging-react-sdk-reference/x8sqG2a21305CMaP/docs/images/customize/forms/vaults/http-vault-connection-oauth-client-credentials.png?fit=max&auto=format&n=x8sqG2a21305CMaP&q=85&s=a717f556b6024715d98ae4e11561c788" alt="Dashboard > Actions > Forms > Vault > HTTP " data-og-width="804" width="804" data-og-height="838" height="838" data-path="docs/images/customize/forms/vaults/http-vault-connection-oauth-client-credentials.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/docs-staging-react-sdk-reference/x8sqG2a21305CMaP/docs/images/customize/forms/vaults/http-vault-connection-oauth-client-credentials.png?w=280&fit=max&auto=format&n=x8sqG2a21305CMaP&q=85&s=293e772599c404c103b25fa598dd8cd7 280w, https://mintcdn.com/docs-staging-react-sdk-reference/x8sqG2a21305CMaP/docs/images/customize/forms/vaults/http-vault-connection-oauth-client-credentials.png?w=560&fit=max&auto=format&n=x8sqG2a21305CMaP&q=85&s=ad6bca15e0fcfa7625255ec576c0de54 560w, https://mintcdn.com/docs-staging-react-sdk-reference/x8sqG2a21305CMaP/docs/images/customize/forms/vaults/http-vault-connection-oauth-client-credentials.png?w=840&fit=max&auto=format&n=x8sqG2a21305CMaP&q=85&s=5e62a068dde94875fcfe39dec26c3d88 840w, https://mintcdn.com/docs-staging-react-sdk-reference/x8sqG2a21305CMaP/docs/images/customize/forms/vaults/http-vault-connection-oauth-client-credentials.png?w=1100&fit=max&auto=format&n=x8sqG2a21305CMaP&q=85&s=4b2af0fea17475bd3df85b5a8d162483 1100w, https://mintcdn.com/docs-staging-react-sdk-reference/x8sqG2a21305CMaP/docs/images/customize/forms/vaults/http-vault-connection-oauth-client-credentials.png?w=1650&fit=max&auto=format&n=x8sqG2a21305CMaP&q=85&s=0e8bca6c990d510096c170078c45a2f3 1650w, https://mintcdn.com/docs-staging-react-sdk-reference/x8sqG2a21305CMaP/docs/images/customize/forms/vaults/http-vault-connection-oauth-client-credentials.png?w=2500&fit=max&auto=format&n=x8sqG2a21305CMaP&q=85&s=70128b54a9bbee601fec3b129dc1c23f 2500w" />
</Frame>

### Input settings

| Parameter           | Description                                                               |
| ------------------- | ------------------------------------------------------------------------- |
| Tenant Endpoint     | Tenant Endpoint of the Authorization Server issuing the Access Tokens.    |
| Client ID           | Client ID of your M2M Application authorized for Custom API.              |
| Client Secret       | Client Secret of your M2M Application authorized for Custom API.          |
| Audience (Optional) | Custom API Audience. Normally used for Custom APIs defined in Auth0.      |
| Resource (Optional) | Custom API Resource. Standard parameter with similar meaning of Audience. |
| Scope (Optional)    | Scope list in string format separated by spaces.                          |

## Configure your HTTP Vault Connection for API Key

To configure a HTTP Vault Connection using **API Key** authorization, you need to set the required parameters.

<Frame>
  <img src="https://mintcdn.com/docs-staging-react-sdk-reference/x8sqG2a21305CMaP/docs/images/customize/forms/vaults/http-vault-connection-api-key.png?fit=max&auto=format&n=x8sqG2a21305CMaP&q=85&s=5cef7eb6b5c78126c1f281b3c687fbce" alt="Dashboard > Actions > Forms > Vault > HTTP " data-og-width="802" width="802" data-og-height="491" height="491" data-path="docs/images/customize/forms/vaults/http-vault-connection-api-key.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/docs-staging-react-sdk-reference/x8sqG2a21305CMaP/docs/images/customize/forms/vaults/http-vault-connection-api-key.png?w=280&fit=max&auto=format&n=x8sqG2a21305CMaP&q=85&s=8512c5f3075467e8f4a03f675532c5d8 280w, https://mintcdn.com/docs-staging-react-sdk-reference/x8sqG2a21305CMaP/docs/images/customize/forms/vaults/http-vault-connection-api-key.png?w=560&fit=max&auto=format&n=x8sqG2a21305CMaP&q=85&s=f4f2f30b1c649fe17178ec65430a3d6b 560w, https://mintcdn.com/docs-staging-react-sdk-reference/x8sqG2a21305CMaP/docs/images/customize/forms/vaults/http-vault-connection-api-key.png?w=840&fit=max&auto=format&n=x8sqG2a21305CMaP&q=85&s=98de34b1acf6fe20daa64334c905ca2e 840w, https://mintcdn.com/docs-staging-react-sdk-reference/x8sqG2a21305CMaP/docs/images/customize/forms/vaults/http-vault-connection-api-key.png?w=1100&fit=max&auto=format&n=x8sqG2a21305CMaP&q=85&s=1e1ce8133e0eeae2f8cc411b8b2c71dc 1100w, https://mintcdn.com/docs-staging-react-sdk-reference/x8sqG2a21305CMaP/docs/images/customize/forms/vaults/http-vault-connection-api-key.png?w=1650&fit=max&auto=format&n=x8sqG2a21305CMaP&q=85&s=b137e61195753062001e421d71617c45 1650w, https://mintcdn.com/docs-staging-react-sdk-reference/x8sqG2a21305CMaP/docs/images/customize/forms/vaults/http-vault-connection-api-key.png?w=2500&fit=max&auto=format&n=x8sqG2a21305CMaP&q=85&s=e2137883ae054a813608e2eea05c65aa 2500w" />
</Frame>

### Input settings

| Parameter | Description                                                                                  |
| --------- | -------------------------------------------------------------------------------------------- |
| Name      | API Key name to be added as Header or Query parameter.                                       |
| Value     | API Key value to be added as Header or Query parameter.                                      |
| Add To    | By default, it's Header. Determines whether to add the API Key as Header or Query parameter. |

## Configure your HTTP Vault Connection for Basic Authentication

To configure a HTTP Vault Connection using **Basic Auth** authorization, you need to set the required parameters.

<Frame>
  <img src="https://mintcdn.com/docs-staging-react-sdk-reference/x8sqG2a21305CMaP/docs/images/customize/forms/vaults/http-vault-connection-basic-authentication.png?fit=max&auto=format&n=x8sqG2a21305CMaP&q=85&s=c07948223a1c32871689ddb8733ccbd7" alt="Dashboard > Actions > Forms > Vault > HTTP " data-og-width="802" width="802" data-og-height="402" height="402" data-path="docs/images/customize/forms/vaults/http-vault-connection-basic-authentication.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/docs-staging-react-sdk-reference/x8sqG2a21305CMaP/docs/images/customize/forms/vaults/http-vault-connection-basic-authentication.png?w=280&fit=max&auto=format&n=x8sqG2a21305CMaP&q=85&s=512ac8e20e04da92c54d3ed95789e9ab 280w, https://mintcdn.com/docs-staging-react-sdk-reference/x8sqG2a21305CMaP/docs/images/customize/forms/vaults/http-vault-connection-basic-authentication.png?w=560&fit=max&auto=format&n=x8sqG2a21305CMaP&q=85&s=a4affef608f7507fa1e1753028794ff6 560w, https://mintcdn.com/docs-staging-react-sdk-reference/x8sqG2a21305CMaP/docs/images/customize/forms/vaults/http-vault-connection-basic-authentication.png?w=840&fit=max&auto=format&n=x8sqG2a21305CMaP&q=85&s=9a574995141c568d6a55770f89f96cd3 840w, https://mintcdn.com/docs-staging-react-sdk-reference/x8sqG2a21305CMaP/docs/images/customize/forms/vaults/http-vault-connection-basic-authentication.png?w=1100&fit=max&auto=format&n=x8sqG2a21305CMaP&q=85&s=c805b960cef68dd7fa39643220bb5ab4 1100w, https://mintcdn.com/docs-staging-react-sdk-reference/x8sqG2a21305CMaP/docs/images/customize/forms/vaults/http-vault-connection-basic-authentication.png?w=1650&fit=max&auto=format&n=x8sqG2a21305CMaP&q=85&s=dff92aa9ea4e1c45870edeafced87fd7 1650w, https://mintcdn.com/docs-staging-react-sdk-reference/x8sqG2a21305CMaP/docs/images/customize/forms/vaults/http-vault-connection-basic-authentication.png?w=2500&fit=max&auto=format&n=x8sqG2a21305CMaP&q=85&s=5a938beafd67934a0dd11ba13d46c9ad 2500w" />
</Frame>

### Input settings

| Parameter | Description                                                                                         |
| --------- | --------------------------------------------------------------------------------------------------- |
| Username  | Username to be concatenated and base64 encoded, then added as Basic Authorization Header parameter. |
| Password  | Password to be concatenated and base64 encoded, then added as Basic Authorization Header parameter. |

<Warning>
  HTTP Vault Connection with Basic Auth configuration, is looking forward to replace the currently built-in option at Flows HTTP Request Action.
</Warning>
