教程：准备外部租户以在 Node.js Web 应用中使用户登录

本教程系列演示如何生成 Node.js Web 应用程序，并使用 Microsoft Entra 管理中心准备将其用于身份验证。 你将使用适用于 JavaScript 的 Microsoft 身份验证库通过外部租户对应用进行身份验证。 最后，你将运行应用程序并测试登录和退出登录体验。 演示如何准备外部租户来让用户登录到 Node.js Web 应用程序。

在本教程中，你将：

如果已在 Microsoft Entra 管理中心注册了 Web 应用程序，并将其与用户流相关联，则可以跳过本文中的步骤，转到准备 Node.js Web 应用。

先决条件

• 外部租户。 若要创建，可以选择以下方法：
  • （推荐）使用 Microsoft Entra 外部 ID 扩展直接在 Visual Studio Code 中设置外部租户。
  • 在 Microsoft Entra 管理中心创建新的外部租户。
• Azure 帐户必须拥有管理应用程序的权限。 以下任何 Microsoft Entra 角色都包括所需的权限：
  • 应用程序管理员
  • 应用程序开发人员
  • 云应用程序管理员

注册 Web 应用

若要使应用程序能够让用户通过 Microsoft Entra 登录，必须让 Microsoft Entra 外部 ID 能够感知你创建的应用程序。 应用注册会在应用与 Microsoft Entra 之间建立信任关系。 注册应用程序时，外部 ID 会生成一个称为“应用程序（客户端）ID”的唯一标识符，该值用于在创建身份验证请求时标识应用。

以下步骤演示如何在 Microsoft Entra 管理中心注册应用：

1. 至少以应用程序开发人员的身份登录到 Microsoft Entra 管理中心。

2. 如果你有权访问多个租户，请使用顶部菜单中的“设置”图标 ，通过“目录 + 订阅”菜单切换到你的外部租户。

3. 浏览到“标识”>“应用程序”>“应用注册”。

4. 选择“+ 新建注册”。

5. 在显示的“注册应用程序”页中；

   1. 输入一个向应用用户显示的、有意义的应用程序名称，例如 ciam-client-app。
   2. 在“支持的帐户类型”下，选择“仅此组织目录中的帐户” 。

6. 选择“注册”。

7. 成功注册后，会显示应用程序的“概述”窗格。 记录要在应用程序源代码中使用的应用程序（客户端）ID。

若要为应用注册指定应用类型，请执行以下步骤：

1. 在“管理”下，选择“身份验证”。
2. 在“平台配置”页上，选择“添加平台”，然后选择“Web”选项。
3. 对于“重定向 URI”，请输入 http://localhost:3000/auth/redirect。
4. 选择“配置”以保存更改。

添加应用客户端机密

为注册的应用创建客户端机密。 应用程序在请求令牌时使用客户端密码来证明其身份。

1. 从“应用注册”页中，选择创建的应用程序（例如 ciam-client-app）以打开其“概述”页。
2. 在“管理”下，选择“证书和机密”。
3. 选择“新建客户端机密”。
4. 在“说明”框中输入对客户端密码的说明（如 ciam 应用客户端密码）。
5. 在“过期时间”下，选择密码的有效期（根据组织的安全规则），然后选择“添加”。
6. 记下机密的“值”。 在稍后的步骤中将使用此值进行配置。 离开“证书和机密”后，机密值不会再次显示，并且无法以任何方式检索。 请确保记录它。

授权管理员同意

1. 从“应用注册”页中，选择创建的应用程序（例如 ciam-client-app）以打开其“概述”页。

2. 在“管理”下选择“API 权限” 。 在“已配置的权限”列表中，应用程序已被分配 User.Read 权限。 但是，由于该租户是外部租户，因此使用者用户本身不能同意此权限。 作为管理员，你必须代表租户中的所有用户同意此权限：

   1. 选择“为 <租户名称> 授予管理员同意”，然后选择“是”。
   2. 选择“刷新”，然后验证两个范围的“状态”下是否均显示“已为 <租户名称> 授予”。

创建用户流

按照这些步骤创建可供客户用于登录或注册应用程序的用户流。

1. 至少以外部 ID 用户流管理员身份登录到 Microsoft Entra 管理中心。

2. 如果你有权访问多个租户，请使用顶部菜单中的“设置”图标 ，通过“目录 + 订阅”菜单切换到你的外部租户。

3. 浏览到“标识”>“外部标识”>“用户流”。

4. 选择“+ 新建用户流”。

5. 在“创建”页上执行以下操作：

   1. 为用户流输入名称，例如 SignInSignUpSample。

   2. 在“标识提供者”列表中，选择“电子邮件帐户”。 此标识提供者使用户能够使用其电子邮件地址登录或注册。

      注意

      只有在设置了与额外的标识提供者的联合身份验证之后，才会在此处列出这些标识提供者。 例如，如果设置了与 Google 或 Facebook 的联合身份验证，则能够在此处选择这些额外的标识提供者。

   3. 在“电子邮件帐户”下，可以选择两个选项之一。 对于本教程，请选择“电子邮件和密码”。

      • 电子邮件和密码：使新用户能够使用电子邮件地址作为登录名称并使用密码作为其第一重身份验证凭据进行注册和登录。
      • 电子邮件一次性密码：使新用户能够使用电子邮件地址作为登录名称并使用电子邮件一次性密码作为其第一重身份验证凭据进行注册和登录。 只有在租户级别启用电子邮件一次性密码（“所有标识提供者”>“电子邮件一次性密码”），才能在用户流级别使用此选项。

   4. 在“用户属性”下，选择要在用户注册时收集的用户属性。 选择“显示更多内容”即可选择“国家/地区”、“显示名称”和“邮政编码”的属性和声明。 选择“确定” 。 （系统仅在用户首次注册时提示输入属性。）

6. 选择“创建” 。 此时，新的用户流将显示在“用户流”列表中。 如果需要，请刷新页面。

若要启用自助式密码重置，请使用启用自助式密码重置一文中的步骤。

将 Web 应用程序与用户流相关联

为了让客户用户在使用你的应用时看到注册或登录体验，你需要将自己的应用与用户流相关联。 尽管许多应用程序可与用户流相关联，但单个应用程序只能与一个用户流相关联。

1. 在边栏菜单中选择“标识”。

2. 依次选择“外部标识”和“用户流”。

3. 在“用户流”页中，选择之前创建的用户流名称，例如 SignInSignUpSample。

4. 在“使用”下，选择“应用程序”。

5. 选择“添加应用程序”。

6. 从列表中选择应用程序（如 ciam-client-app），或使用搜索框查找应用程序，然后将其选中。

7. 选择“选择”。

将应用与用户流关联后，可以通过在 Microsoft Entra 管理中心内模拟用户在应用程序中的注册或登录体验来测试用户流。 为此，请使用测试注册和登录用户流中所述的步骤。

收集应用注册详细信息

请确保记录以下详细信息以供后续步骤使用：

• 你注册的客户端 Web 应用的应用程序（客户端）ID。
• 你在其中注册了 Web 应用的目录（租户）子域。 如果没有租户名称，请了解如何读取租户详细信息。
• 你创建的 Web 应用的客户端密码值。

下一步