如何在React JS中从Azure密钥库中检索密钥

Question

如何从reactjs应用程序中的azure密钥库中获取密钥？我在下面的标题中传递我的秘密密钥

 headers: {
  "subscription-key": "xxxxxxxxxxxxx",
  "content-type": "application/json"
  }

如何从azure密钥库中获取“subscription-key”值？我在azure密钥库中添加了订阅密钥值。

Answer 1

在本地中，可以用clientid和secret起诉LoginWithServicePrincipalSecret以获取凭据。

function getKeyVaultCredentials(){
    return msRestAzure.loginWithServicePrincipalSecret(clientId, secret, domain);
}

function getKeyVaultSecret(credentials) {
    let keyVaultClient = new KeyVault.KeyVaultClient(credentials);
    return keyVaultClient.getSecret(KEY_VAULT_URI, 'secret', "");
}

getKeyVaultCredentials().then(
    getKeyVaultSecret
).then(function (secret){
    console.log(`Your secret value is: ${secret.value}.`);
}).catch(function (err) {
    throw (err);
});

此外，您还可以使用ms-rest-azure中的loginWithAppServiceMSI()方法来自动检测您是否在WebApp上，并从MSIendpoint获取令牌。因此，您必须将代码托管在Azure WebApp上。有关更多详细信息，请参阅本文。

function getKeyVaultCredentials(){
    return msRestAzure.loginWithAppServiceMSI({resource: 'https://vault.azure.net'});   
}