从 UI 调用 Azure API 管理

Question

对于已经实现与 UI 的 Azure API 管理集成（即 Angular/HTML 项目）的人来说，这似乎是一个简单的问题。我的问题是，如果我们需要在 Azure 中调用 API，首先需要使用它的安全密钥调用 Azure API 管理 URL。但是 UI 正在传递此密钥，并且从浏览器中任何人都可以使用 F 12 看到密钥。 API 管理未与 Azure AD 集成。

那么我们如何安全地从 UI 调用 API 管理，如果 API 管理未与 Azure AD 集成？

Answer 1

调用 API 管理本身毫无意义 - 您正在调用位于 APIM 后面的某个 API。因此，获取该 API 的令牌并在调用中使用它。然后，您可以将 APIM 配置为 validate that token，并可能使用不同的方法向您的 API 进行身份验证或传递它。然后您的 API 需要对其进行验证。换句话说，您仍然需要保护 APIM 到您的 API 调用。

APIM 订阅密钥不是身份验证功能。

使用 MSAL.JS 在您的应用中获取令牌。