> ## 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.

> 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-dev-react-sdk-reference/wfRawIEE2-4cmke8/docs/images/customize/forms/vaults/http-vault-connection-options.png?fit=max&auto=format&n=wfRawIEE2-4cmke8&q=85&s=1d0c4a2a49ef151de752a7bc5fe6cf77" 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-dev-react-sdk-reference/wfRawIEE2-4cmke8/docs/images/customize/forms/vaults/http-vault-connection-options.png?w=280&fit=max&auto=format&n=wfRawIEE2-4cmke8&q=85&s=d64e332a9ee6aede6b58e14a31d7737b 280w, https://mintcdn.com/docs-dev-react-sdk-reference/wfRawIEE2-4cmke8/docs/images/customize/forms/vaults/http-vault-connection-options.png?w=560&fit=max&auto=format&n=wfRawIEE2-4cmke8&q=85&s=d7c06eff534d3df24e6d2aeb971d2714 560w, https://mintcdn.com/docs-dev-react-sdk-reference/wfRawIEE2-4cmke8/docs/images/customize/forms/vaults/http-vault-connection-options.png?w=840&fit=max&auto=format&n=wfRawIEE2-4cmke8&q=85&s=e67aa39aca84c45b7aaf07320faa0d0f 840w, https://mintcdn.com/docs-dev-react-sdk-reference/wfRawIEE2-4cmke8/docs/images/customize/forms/vaults/http-vault-connection-options.png?w=1100&fit=max&auto=format&n=wfRawIEE2-4cmke8&q=85&s=fdf0709a50a859e8221fa62ee1c2b7ec 1100w, https://mintcdn.com/docs-dev-react-sdk-reference/wfRawIEE2-4cmke8/docs/images/customize/forms/vaults/http-vault-connection-options.png?w=1650&fit=max&auto=format&n=wfRawIEE2-4cmke8&q=85&s=6d7f83164a50af23b16063dfa2c7779e 1650w, https://mintcdn.com/docs-dev-react-sdk-reference/wfRawIEE2-4cmke8/docs/images/customize/forms/vaults/http-vault-connection-options.png?w=2500&fit=max&auto=format&n=wfRawIEE2-4cmke8&q=85&s=7a515791ed4698e1775428267389ea19 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-dev-react-sdk-reference/wfRawIEE2-4cmke8/docs/images/customize/forms/vaults/http-vault-connection-bearer-token.png?fit=max&auto=format&n=wfRawIEE2-4cmke8&q=85&s=819f16910d21e9d4826910c98c496abb" 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-dev-react-sdk-reference/wfRawIEE2-4cmke8/docs/images/customize/forms/vaults/http-vault-connection-bearer-token.png?w=280&fit=max&auto=format&n=wfRawIEE2-4cmke8&q=85&s=ea468b8cb0b506857a9d7fe93280e918 280w, https://mintcdn.com/docs-dev-react-sdk-reference/wfRawIEE2-4cmke8/docs/images/customize/forms/vaults/http-vault-connection-bearer-token.png?w=560&fit=max&auto=format&n=wfRawIEE2-4cmke8&q=85&s=b1d6a3e3b919a9dfadd76961b341fa1c 560w, https://mintcdn.com/docs-dev-react-sdk-reference/wfRawIEE2-4cmke8/docs/images/customize/forms/vaults/http-vault-connection-bearer-token.png?w=840&fit=max&auto=format&n=wfRawIEE2-4cmke8&q=85&s=40d660e01aa27122de11e2c41c361f1d 840w, https://mintcdn.com/docs-dev-react-sdk-reference/wfRawIEE2-4cmke8/docs/images/customize/forms/vaults/http-vault-connection-bearer-token.png?w=1100&fit=max&auto=format&n=wfRawIEE2-4cmke8&q=85&s=aa8b0c33fef0636e730d0aa9de24a090 1100w, https://mintcdn.com/docs-dev-react-sdk-reference/wfRawIEE2-4cmke8/docs/images/customize/forms/vaults/http-vault-connection-bearer-token.png?w=1650&fit=max&auto=format&n=wfRawIEE2-4cmke8&q=85&s=ca8510ff82580ecca9dd754a24e2bf72 1650w, https://mintcdn.com/docs-dev-react-sdk-reference/wfRawIEE2-4cmke8/docs/images/customize/forms/vaults/http-vault-connection-bearer-token.png?w=2500&fit=max&auto=format&n=wfRawIEE2-4cmke8&q=85&s=ea6b68e2745f2a7d9ddc0bca1123fcff 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-dev-react-sdk-reference/wfRawIEE2-4cmke8/docs/images/customize/forms/vaults/http-vault-connection-oauth-client-credentials.png?fit=max&auto=format&n=wfRawIEE2-4cmke8&q=85&s=d3519f052e0cf6fbdb907cff5687cb90" 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-dev-react-sdk-reference/wfRawIEE2-4cmke8/docs/images/customize/forms/vaults/http-vault-connection-oauth-client-credentials.png?w=280&fit=max&auto=format&n=wfRawIEE2-4cmke8&q=85&s=6bcdad3ed690573c9e2ab0ac58a766f5 280w, https://mintcdn.com/docs-dev-react-sdk-reference/wfRawIEE2-4cmke8/docs/images/customize/forms/vaults/http-vault-connection-oauth-client-credentials.png?w=560&fit=max&auto=format&n=wfRawIEE2-4cmke8&q=85&s=2d8d2d13d8de6a31a213b0ac843a9d45 560w, https://mintcdn.com/docs-dev-react-sdk-reference/wfRawIEE2-4cmke8/docs/images/customize/forms/vaults/http-vault-connection-oauth-client-credentials.png?w=840&fit=max&auto=format&n=wfRawIEE2-4cmke8&q=85&s=af94447c5e41abac28d2749d9460e635 840w, https://mintcdn.com/docs-dev-react-sdk-reference/wfRawIEE2-4cmke8/docs/images/customize/forms/vaults/http-vault-connection-oauth-client-credentials.png?w=1100&fit=max&auto=format&n=wfRawIEE2-4cmke8&q=85&s=691bfe36ce382349b85746e2b2a9a406 1100w, https://mintcdn.com/docs-dev-react-sdk-reference/wfRawIEE2-4cmke8/docs/images/customize/forms/vaults/http-vault-connection-oauth-client-credentials.png?w=1650&fit=max&auto=format&n=wfRawIEE2-4cmke8&q=85&s=dfec4457de59927878d63db67413232b 1650w, https://mintcdn.com/docs-dev-react-sdk-reference/wfRawIEE2-4cmke8/docs/images/customize/forms/vaults/http-vault-connection-oauth-client-credentials.png?w=2500&fit=max&auto=format&n=wfRawIEE2-4cmke8&q=85&s=85297042a5c5c2b7c50cb761f246f5ce 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-dev-react-sdk-reference/wfRawIEE2-4cmke8/docs/images/customize/forms/vaults/http-vault-connection-api-key.png?fit=max&auto=format&n=wfRawIEE2-4cmke8&q=85&s=538125eda3530cd4e55d2344fb5a48f5" 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-dev-react-sdk-reference/wfRawIEE2-4cmke8/docs/images/customize/forms/vaults/http-vault-connection-api-key.png?w=280&fit=max&auto=format&n=wfRawIEE2-4cmke8&q=85&s=2e5dad6bc7e3e708cd22495b294647d7 280w, https://mintcdn.com/docs-dev-react-sdk-reference/wfRawIEE2-4cmke8/docs/images/customize/forms/vaults/http-vault-connection-api-key.png?w=560&fit=max&auto=format&n=wfRawIEE2-4cmke8&q=85&s=17061288991c6b862bd7b495634c335f 560w, https://mintcdn.com/docs-dev-react-sdk-reference/wfRawIEE2-4cmke8/docs/images/customize/forms/vaults/http-vault-connection-api-key.png?w=840&fit=max&auto=format&n=wfRawIEE2-4cmke8&q=85&s=6915e0fbd132168e2591e3314ebafd8f 840w, https://mintcdn.com/docs-dev-react-sdk-reference/wfRawIEE2-4cmke8/docs/images/customize/forms/vaults/http-vault-connection-api-key.png?w=1100&fit=max&auto=format&n=wfRawIEE2-4cmke8&q=85&s=b800176d0bbea641cf4d73e1b8ee9d05 1100w, https://mintcdn.com/docs-dev-react-sdk-reference/wfRawIEE2-4cmke8/docs/images/customize/forms/vaults/http-vault-connection-api-key.png?w=1650&fit=max&auto=format&n=wfRawIEE2-4cmke8&q=85&s=ec1c8d502dbbef6cdeaa86ab21ce2d7d 1650w, https://mintcdn.com/docs-dev-react-sdk-reference/wfRawIEE2-4cmke8/docs/images/customize/forms/vaults/http-vault-connection-api-key.png?w=2500&fit=max&auto=format&n=wfRawIEE2-4cmke8&q=85&s=7c8f23666a4f5add845d7e70d6de1af1 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-dev-react-sdk-reference/wfRawIEE2-4cmke8/docs/images/customize/forms/vaults/http-vault-connection-basic-authentication.png?fit=max&auto=format&n=wfRawIEE2-4cmke8&q=85&s=83caefd743490ab3b1be821f65dacddf" 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-dev-react-sdk-reference/wfRawIEE2-4cmke8/docs/images/customize/forms/vaults/http-vault-connection-basic-authentication.png?w=280&fit=max&auto=format&n=wfRawIEE2-4cmke8&q=85&s=0b17aa4902c8280b6a2bd1bc8baf47df 280w, https://mintcdn.com/docs-dev-react-sdk-reference/wfRawIEE2-4cmke8/docs/images/customize/forms/vaults/http-vault-connection-basic-authentication.png?w=560&fit=max&auto=format&n=wfRawIEE2-4cmke8&q=85&s=5b136b52c0c84e8405ba1176457c8305 560w, https://mintcdn.com/docs-dev-react-sdk-reference/wfRawIEE2-4cmke8/docs/images/customize/forms/vaults/http-vault-connection-basic-authentication.png?w=840&fit=max&auto=format&n=wfRawIEE2-4cmke8&q=85&s=8a5198cb24f30aefa85a4e46f2767ad4 840w, https://mintcdn.com/docs-dev-react-sdk-reference/wfRawIEE2-4cmke8/docs/images/customize/forms/vaults/http-vault-connection-basic-authentication.png?w=1100&fit=max&auto=format&n=wfRawIEE2-4cmke8&q=85&s=46e77f4505582e24119d5e27bd278ebf 1100w, https://mintcdn.com/docs-dev-react-sdk-reference/wfRawIEE2-4cmke8/docs/images/customize/forms/vaults/http-vault-connection-basic-authentication.png?w=1650&fit=max&auto=format&n=wfRawIEE2-4cmke8&q=85&s=55203f97374a33bf9023aa4f69c9b9cf 1650w, https://mintcdn.com/docs-dev-react-sdk-reference/wfRawIEE2-4cmke8/docs/images/customize/forms/vaults/http-vault-connection-basic-authentication.png?w=2500&fit=max&auto=format&n=wfRawIEE2-4cmke8&q=85&s=91ce7cb04c398046231ce1057344ae91 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>
