使用用户登录来保护 Web 应用

以下指南适用于在 Web 服务器上托管的应用程序，指南维护多个业务方案并部署到 Web 服务器。 应用程序要求提供仅对 Microsoft Entra 用户而言安全的受保护资源。 此方案的目标是使 Web 应用能够对 Microsoft Entra ID 进行身份验证，并代表用户调用 Azure Maps REST API。

若要在 Azure 门户中查看 Azure Maps 帐户身份验证详细信息：

1. 登录 Azure 门户。

2. 导航到 Azure 门户菜单。 选择“所有资源”，然后选择你的 Azure Maps 帐户。

3. 在左侧窗格中的“设置”下，选择“身份验证” 。

   

创建 Azure 地图帐户时，将创建三个值。 这些值将用于在 Azure Maps 中支持两种类型的身份验证：

• Microsoft Entra 身份验证：Client ID 表示要用于 REST API 请求的帐户。 Client ID 值应存储在应用程序配置中，然后在发出使用 Microsoft Entra 身份验证的 Azure Maps HTTP 请求之前检索该值。
• 共享密钥身份验证：Primary Key 和 Secondary Key 用作共享密钥身份验证的订阅密钥。 共享密钥身份验证依赖于将 Azure Maps 帐户生成的密钥连同每个请求一起传递到 Azure Maps。 建议定期重新生成密钥。 为在重新生成期间保持当前连接，有两个密钥可供使用。 重新生成另一个密钥期间，可使用其中一个密钥。 重新生成密钥时，必须将访问此帐户的所有应用程序更新为使用新密钥。 有关详细信息，请参阅向 Azure Maps 进行身份验证

在 Microsoft Entra ID 中创建应用程序注册

必须在 Microsoft Entra ID 中创建 Web 应用，以便用户登录。 接着，Web 应用程序将用户访问权限委托给 Azure Maps REST API。

1. 在 Azure 门户的 Azure 服务列表中，选择“Microsoft Entra ID”>“应用注册”>“新注册”。

   

2. 输入“名称”，选择“支持帐户类型”，提供重定向 URI，它表示 Microsoft Entra ID 向其颁发令牌的 URL，即托管地图控件的 URL。 有关详细信息，请参阅 Microsoft Entra ID 方案：用于登录用户的 Web 应用。 完成 Microsoft Entra 方案中提供的步骤。

3. 完成应用程序注册后，确认应用程序登录是否对用户有效。 登录完成后，可以向应用程序授予 Azure Maps REST API 的委托访问权限。

4. 若要将委托的 API 权限分配给 Azure Maps，请转到应用程序并选择“API 权限”>“添加权限”。 在“我的组织使用的 API”列表中选择“Azure Maps”。

   

5. 选中“访问 Azure Maps”旁边的复选框，然后选择“添加权限” 。

   

6. 通过用应用程序机密配置应用注册，使 Web 应用能调用 Azure Maps REST API，有关详细步骤，请参阅调用 Web API 的 Web 应用：应用注册。 需要提供机密才能代表用户对 Microsoft Entra 进行身份验证。 应用注册证书或机密应存储在安全存储中以便 Web 应用检索，从而对 Microsoft Entra ID 进行身份验证。

   • 如果应用程序已配置 Microsoft Entra 应用注册和机密，则可以跳过此步骤。

   提示

   如果应用程序托管在 Azure 环境中，我们建议使用 Azure 资源的托管标识和Azure Key Vault 实例通过获取访问令牌以访问 Azure Key Vault 机密或证书，进而访问机密。 若要连接到 Azure Key Vault 以检索机密，请参阅教程：通过托管标识进行连接。

7. 为 Azure Maps Web SDK 实现一个安全令牌终结点，以访问令牌。

   • 有关示例令牌控制器，请参阅 Azure Maps Microsoft Entra ID 示例。
   • 对于非 AspNetCore 实现或其他，请参阅从 Microsoft Entra 文档获取应用令牌。
   • 安全令牌终结点负责为经过身份验证和授权的用户返回访问令牌，以调用 Azure Maps REST API。

8. 若要为用户或组配置 Azure 基于角色的访问控制 (Azure RBAC)，请参阅向用户授予基于角色的访问权限。

9. 使用 Azure Maps Web SDK 配置 Web 应用页，以便访问安全令牌终结点。

var map = new atlas.Map("map", {
        center: [-122.33, 47.64],
        zoom: 12,
        language: "en-US",
        authOptions: {
            authType: "anonymous",
            clientId: "<insert>",  // azure map account client id
            getToken: function (resolve, reject, map) {
                var xhttp = new XMLHttpRequest();
                xhttp.open("GET", "/api/token", true); // the url path maps to the token endpoint.
                xhttp.onreadystatechange = function () {
                    if (this.readyState === 4 && this.status === 200) {
                        resolve(this.responseText);
                    } else if (this.status !== 200) {
                        reject(this.responseText);
                    }
                };

                xhttp.send();
            }
        }
    });
    map.events.add("tokenacquired", function () {
        console.log("token acquired");
    });
    map.events.add("error", function (err) {
        console.log(JSON.stringify(err.error));
    });

向用户授予对 Azure Maps 基于角色的访问权限

通过将 Microsoft Entra 组或安全主体分配到一个或多个 Azure Maps 角色定义，可授予 Azure 基于角色的访问控制 (Azure RBAC)。

若要查看 Azure Maps 的可用 Azure 角色定义，请参阅查看内置的 Azure Maps 角色定义。

若要详细了解如何将可用的 Azure Maps 角色分配给创建的托管标识或服务主体，请参阅使用 Azure 门户分配 Azure 角色

若要高效管理大量用户对 Azure Maps 应用和资源的访问，请参阅 Microsoft Entra 组。

若要了解如何有效地管理大型用户目录，请参阅 Microsoft Entra ID。

后续步骤

进一步了解 Web 应用方案：

查找 Azure Maps 帐户的 API 使用指标：

探索演示如何将 Microsoft Entra ID 与 Azure Maps 集成的示例：