如何在React Native中实现MSAL Azure AD B2C身份认证

以下是完成 Azure AD B2C 认证的配置与核心代码示例：

const config = {
  issuer: 'https://zoomonlineb2c.b2clogin.com/zoomonlineb2c.onmicrosoft.com/B2C_1_MobileSignup_in/v2.0',
  clientId: '83c5579e-d55b-4647-8c93-b66ee2961f49',
  redirectUrl: 'com.ztg.zoomonline://com.ztg.zoomonline/android/callback/', // 注意：redirectUrl 必须以斜杠结尾
  scopes: ['openid', 'offline_access'],
};

const auth = await authorize(config);
console.log('认证结果 :>> ', auth);

关键配置项说明： #

• issuer：Azure AD B2C 的颁发者地址，包含租户信息和指定的用户流（示例中为B2C_1_MobileSignup_in）
• clientId：在 Azure AD B2C 门户中注册的应用程序唯一标识 ID
• redirectUrl：认证完成后重定向的应用内地址，必须以斜杠结尾，需与 Azure 门户中配置的重定向 URI 完全匹配
• scopes：请求的权限范围，openid用于获取用户身份信息，offline_access用于获取刷新令牌以维持长期会话

内容的提问来源于stack exchange，提问作者Nalin Sakthivel