title: Angular - Azure Key Vault Managing Vault Access secrets
body: <p>Is it possible to use Azure Key Vault to get a vault access secret in an Angular app?</p>
  
  <p>I am working with Azure Active Directory using implicit flow, which means that I am implementing everything without a back-end. In my Angular project, I am using Microsoft Authentication Library (Angular MSAL) to acquire tokens from Microsoft Identity Platform endpoint to access secure web APIs. Now, I want to use Azure Key Vault as a tool to safely store and access secrets. I plan to use it to protect client-id, b2c-policy-name, b2c-scope.</p>
  
  <p>I have not found any information on the possibility of implementing logic on the frontend side to manage Azure Key Vault. At the same time, I created a Node JS server project using ENV to manage Azure Key Vault and it works successfully, but I want to get the same in my Angular app.</p>
  
  <pre><code>export const msalConfig: Configuration = {
      auth: {
          clientId: MY_CLIENT_ID, // I want to use Key Vault here
          authority: b2cPolicies.authorities.signUpSignIn.authority,
          redirectUri: 'http://localhost:6420/',
          postLogoutRedirectUri: 'http://localhost:6420/',
          navigateToLoginRequestUrl: true,
          validateAuthority: false,
        },
      cache: {
          cacheLocation: 'localStorage',
          storeAuthStateInCookie: isIE,
      },
  };
  </code></pre>