React Native对接Azure B2C时react-native-app-auth重定向配置问题

两种配置方案的差异说明 #

• 你查到的在AndroidManifest.xml中手动添加BrowserTabActivity节点的配置，是原生MSAL SDK、react-native-msal 库的专属要求，仅适用于直接依赖微软MSAL库的场景。你使用的是react-native-app-auth，该库已经内置了授权回调所需的Activity，手动添加上述节点反而会造成IntentFilter冲突、Activity类重复，引发跳转后无响应、应用卡死问题。
• react-native-app-auth 官方要求的appAuthRedirectScheme配置才是适配该库的正确方案，不需要额外修改Manifest文件。

标准配置步骤 #

• 先到Azure AD B2C的应用注册页面，配置符合react-native-app-auth规则的重定向URI：格式为<应用全小写包名>://oauthredirect，例如包名为com.demo.myb2capp时，重定向URI填com.demo.myb2capp://oauthredirect即可。
• 打开项目路径下的android/app/build.gradle文件，在android.defaultConfig节点下添加配置项：

defaultConfig {
    // 保留你原有的applicationId、minSdkVersion等配置
    manifestPlaceholders = [
        appAuthRedirectScheme: 'com.demo.myb2capp' // 填入你自己的全小写应用包名
    ]
}

• 删除之前手动添加到AndroidManifest.xml中的BrowserTabActivity相关代码，执行cd android && ./gradlew clean清理构建缓存后重新打包运行。

关于使用msauth作为Scheme的风险说明 #

你当前临时配置msauth作为Scheme可以正常跳转，只是因为测试设备上暂时没有其他应用注册匹配的Intent规则，该方案存在明确问题：

• 存在应用冲突风险：Android系统处理自定义Scheme跳转时，若多个应用注册了完全匹配的scheme + host + path规则，会弹出应用选择弹窗，甚至直接跳转到优先级更高的其他应用，导致授权流程中断、无法获取回调参数。
• 存在安全隐患：通用msauth Scheme没有唯一归属，若设备上存在恶意应用注册了相同的Scheme规则，可能截获你的授权返回码，造成账号权限泄露。

使用应用自身的全小写包名作为Scheme是行业通用最佳实践，包名本身是Android系统要求的应用全局唯一标识，不会出现和其他应用冲突的问题。

注意：Android 12及以上版本强制要求自定义Scheme必须为全小写格式，配置时不要加入大写字符，否则会出现匹配失败、登录后无法跳回应用的问题。Azure AD B2C 不会强制要求重定向URI必须以msauth开头，只要代码中传入的redirectUrl参数和Azure后台配置的地址完全一致即可正常授权。

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