reactjs - Gatsby 应用程序如何访问 Azure Key Vault

Question

我已按照这些说明成功地将我的 Gatsby 应用程序部署到 Azure 。这是与“普通”网络应用程序不同的资源。“普通 Web 应用程序将部署到应用程序服务资源，但对于 Gatsby，它将部署到不同的静态网页 Reqource。因此 URL 现在的格式为 https://<生成的名称>.azurestaticapps.net，其中生成- name 不是应用程序名称。因此，将 Web 服务与密钥库挂钩的说明似乎有一些漏洞需要填写。将 Gatsby 应用程序连接到我的 azure 密钥库需要采取哪些步骤在开发期间和生产现场？

Answer 1

错误：浏览器不支持 EnvironmentCredential。

在您的情况下，请使用ClientSecretCredential而不是其他人。

确保您已完成Prerequisites，然后在您的代码中，使用ClientSecretCredential，将tenantId, clientId, clientSecret您的服务主体的 传递给它，它应该如下所示，retrievedSecret.value是密钥的值。

const { ClientSecretCredential } = require("@azure/identity");
const { SecretClient } = require("@azure/keyvault-secrets");

const keyVaultName = "xxxx";
const KVUri = "https://" + keyVaultName + ".vault.azure.net";

const credential = new ClientSecretCredential(tenantId, clientId, clientSecret);
const client = new SecretClient(KVUri, credential);

const retrievedSecret = await client.getSecret(secretName);