如何在 Angular 中使用 Azure 应用程序配置

Question

是否可以在 Angular 应用程序中使用 Azure 应用程序配置？目标是在Azure App Config中定义 Secrets 和其他字符串

并在 Angular 应用程序中使用它。

所有示例均适用于 .Net

Answer 1

有一个可用于 Azure App Confrig 的 npm 包：https://www.npmjs.com/package/@azure/app-configuration

本质上，你的代码应该是这样的：

const client = new AppConfigurationClient("<connection string>");

const setting = await client.getConfigurationSetting({
  key: "hello"
});

console.log("Retrieved value:", setting.value);

我鼓励您强烈考虑在服务器端而不是客户端连接到应用程序配置。一旦您使用客户端，您的应用程序配置实例的连接字符串基本上是公开的，任何人都可以访问，包括您不希望他们拥有的值。它还允许他们发出任意数量的请求，直到您轮换密钥，这可能会增加您的 Azure 账单。如果您考虑过这些问题并认为冒险是值得的，那么 npm 包及其文档中的示例应该会让您走上正确的道路。