Improve azure app connection docs

This commit is contained in:
Carlos Monastyrski
2025-07-29 22:32:14 -03:00
parent 359e19f804
commit 5fcae35fae
9 changed files with 67 additions and 30 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 446 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 424 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 442 KiB

View File

@@ -86,25 +86,35 @@ Infisical currently only supports one method for connecting to Azure, which is O
Navigate to the **App Connections** tab on the **Organization Settings** page. ![App Connections Navigate to the **App Connections** tab on the **Organization Settings** page. ![App Connections
Tab](/images/app-connections/general/add-connection.png) Tab](/images/app-connections/general/add-connection.png)
</Step> </Step>
<Step title="Add Connection"> <Step title="Add Connection">
Select the **Azure Connection** option from the connection options modal. ![Select Azure Connection](/images/app-connections/azure/app-configuration/select-connection.png) Select the **Azure Connection** option from the connection options modal. ![Select Azure Connection](/images/app-connections/azure/app-configuration/select-connection.png)
</Step> </Step>
<Step title="Authorize Connection"> <Step title="Create Connection">
You can optionally authenticate against a specific tenant by providing the Azure Tenant or Directory ID. <Tabs>
<Tab title="OAuth">
<Step title="Authorize Connection">
You can optionally authenticate against a specific tenant by providing the Azure Tenant or Directory ID.
Now select the **OAuth** method and click **Connect to Azure**. Now select the **OAuth** method and click **Connect to Azure**.
![Connect via Azure OAUth](/images/app-connections/azure/app-configuration/create-oauth-method.png) ![Connect via Azure OAUth](/images/app-connections/azure/app-configuration/create-oauth-method.png)
</Step>
<Step title="Grant Access">
You will then be redirected to Azure to grant Infisical access to your Azure account. Once granted,
you will redirect you back to Infisical's App Connections page. ![Azure App Configuration
Authorization](/images/app-connections/azure/grant-access.png)
</Step>
</Tab>
<Tab title="Client Secret">
<Step title="Create Connection">
Fill in the **Tenant ID**, **Client ID** and **Client Secret** fields with the Directory (Tenant) ID, Application (Client) ID and Client Secret you obtained in the previous step.
![Connect via Azure OAUth](/images/app-connections/azure/app-configuration/create-client-secrets-method.png)
</Step>
</Step> </Tab>
<Step title="Grant Access"> </Tabs>
You will then be redirected to Azure to grant Infisical access to your Azure account. Once granted, </Step>
you will redirect you back to Infisical's App Connections page. ![Azure App Configuration <Step title="Connection Created">
Authorization](/images/app-connections/azure/grant-access.png)
</Step>
<Step title="Connection Created">
Your **Azure App Configuration Connection** is now available for use. ![Assume Role AWS Connection](/images/app-connections/azure/app-configuration/oauth-connection.png) Your **Azure App Configuration Connection** is now available for use. ![Assume Role AWS Connection](/images/app-connections/azure/app-configuration/oauth-connection.png)
</Step> </Step>
</Steps> </Steps>

View File

@@ -155,6 +155,17 @@ Infisical currently supports two methods for connecting to Azure DevOps, which a
</Step> </Step>
</Steps> </Steps>
</Tab> </Tab>
<Tab title="Client Secret">
<Steps>
<Step title="Create Connection">
Fill in the **Tenant ID**, **Client ID**, **Client Secret** and **Organization Name** fields with the Directory (Tenant) ID, Application (Client) ID, Client Secret and the organization name you obtained in the previous step.
<Tip>
You can find the **Organization Name** on https://dev.azure.com/
</Tip>
![Connect via Azure OAUth](/images/app-connections/azure/devops/create-client-secrets-method.png)
</Step>
</Steps>
</Tab>
</Tabs> </Tabs>
</Step> </Step>
<Step title="Connection Created"> <Step title="Connection Created">

View File

@@ -89,21 +89,37 @@ Infisical currently only supports one method for connecting to Azure, which is O
<Step title="Add Connection"> <Step title="Add Connection">
Select the **Azure Connection** option from the connection options modal. ![Select Azure Connection](/images/app-connections/azure/key-vault/select-connection.png) Select the **Azure Connection** option from the connection options modal. ![Select Azure Connection](/images/app-connections/azure/key-vault/select-connection.png)
</Step> </Step>
<Step title="Authorize Connection"> <Step title="Create Connection">
You can optionally authenticate against a specific tenant by providing the Azure Tenant or Directory ID. <Tabs>
<Tab title="OAuth">
<Steps>
<Step title="Authorize Connection">
You can optionally authenticate against a specific tenant by providing the Azure Tenant or Directory ID.
Now select the **OAuth** method and click **Connect to Azure**. Now select the **OAuth** method and click **Connect to Azure**.
![Connect via Azure OAUth](/images/app-connections/azure/key-vault/create-oauth-method.png) ![Connect via Azure OAUth](/images/app-connections/azure/key-vault/create-oauth-method.png)
</Step> </Step>
<Step title="Grant Access"> <Step title="Grant Access">
You will then be redirected to Azure to grant Infisical access to your Azure account. Once granted, You will then be redirected to Azure to grant Infisical access to your Azure account. Once granted,
you will redirect you back to Infisical's App Connections page. ![Azure Key Vault you will redirect you back to Infisical's App Connections page. ![Azure Key Vault
Authorization](/images/app-connections/azure/grant-access.png) Authorization](/images/app-connections/azure/grant-access.png)
</Step> </Step>
</Steps>
</Tab>
<Tab title="Client Secret">
<Steps>
<Step title="Create Connection">
Fill in the **Tenant ID**, **Client ID**, **Client Secret** fields with the Directory (Tenant) ID, Application (Client) ID, Client Secret you obtained in the previous step.
![Connect via Azure OAUth](/images/app-connections/azure/key-vault/create-client-secrets-method.png)
</Step>
</Steps>
</Tab>
</Tabs>
</Step>
<Step title="Connection Created"> <Step title="Connection Created">
Your **Azure Key Vault Connection** is now available for use. ![Assume Role AWS Connection](/images/app-connections/azure/key-vault/oauth-connection.png) Your **Azure Key Vault Connection** is now available for use. ![Assume Role AWS Connection](/images/app-connections/azure/key-vault/oauth-connection.png)
</Step> </Step>

View File

@@ -209,7 +209,7 @@ export const AzureAppConfigurationConnectionForm = ({ appConnection, onSubmit }:
tooltipText="The Azure Active Directory (Entra ID) Tenant ID." tooltipText="The Azure Active Directory (Entra ID) Tenant ID."
isError={Boolean(error?.message)} isError={Boolean(error?.message)}
label="Tenant ID" label="Tenant ID"
isOptional isOptional={selectedMethod === AzureAppConfigurationConnectionMethod.OAuth}
errorText={error?.message} errorText={error?.message}
> >
<Input <Input

View File

@@ -60,7 +60,7 @@ const formSchema = z.discriminatedUnion("method", [
]); ]);
type FormData = z.infer<typeof formSchema>; type FormData = z.infer<typeof formSchema>;
type OnSubmitForm = z.infer<typeof accessTokenSchema | typeof clientSecretSchema>; type OnSubmitForm = z.infer<typeof accessTokenSchema> | z.infer<typeof clientSecretSchema>;
type Props = { type Props = {
appConnection?: TAzureDevOpsConnection; appConnection?: TAzureDevOpsConnection;

View File

@@ -211,7 +211,7 @@ export const AzureKeyVaultConnectionForm = ({ appConnection, onSubmit }: Props)
tooltipText="The Azure Active Directory (Entra ID) Tenant ID." tooltipText="The Azure Active Directory (Entra ID) Tenant ID."
isError={Boolean(error?.message)} isError={Boolean(error?.message)}
label="Tenant ID" label="Tenant ID"
isOptional isOptional={selectedMethod === AzureKeyVaultConnectionMethod.OAuth}
errorText={error?.message} errorText={error?.message}
> >
<Input <Input