React Native用react-native-app-auth对接MS登录致Safari自动登录问题

问题场景 #

在React Native应用中使用react-native-app-auth对接Microsoft Graph API实现登录，调用如下代码发起授权：

import { authorize } from 'react-native-app-auth';

const config = {
  issuer: '<YOUR_ISSUER_URL>',
  clientId: '<YOUR_CLIENT_ID>',
  redirectUrl: '<YOUR_REDIRECT_URL>',
  scopes: ['<YOUR_SCOPES_ARRAY>'],
};

const result = await authorize(config);

默认逻辑下，authorize方法会在应用内拉起系统内置web授权组件加载微软身份验证页，用户输入账号密码完成授权后，会携带access token跳转回React Native应用。
实际运行中存在不符合预期的现象：完成上述登录流程后，用户打开系统Safari浏览器访问office.com、outlook.com点击登录时，会直接跳过凭证输入步骤进入账号主页。

问题根因 #

该问题由系统授权组件的默认共享机制导致：

• iOS端react-native-app-auth默认使用ASWebAuthenticationSession（低版本为SFAuthenticationSession）拉起授权页，默认与Safari共享cookie存储
• 安卓端默认使用Chrome Custom Tabs拉起授权页，默认与系统Chrome共享cookie存储
  应用内完成微软账号登录后，登录态cookie会被同步写入系统浏览器的存储池，后续访问微软系站点时会直接读取到已登录状态，自动跳过登录步骤。

可落地方案 #

方案1：追加授权参数强制每次走全新登录流程 #

在授权配置中追加微软身份平台支持的prompt参数，设置值为login，强制授权页每次都要求用户输入凭证，不复用现有会话cookie，也不会将持久化登录态写入共享存储，配置示例：

const config = {
  issuer: '<YOUR_ISSUER_URL>',
  clientId: '<YOUR_CLIENT_ID>',
  redirectUrl: '<YOUR_REDIRECT_URL>',
  scopes: ['<YOUR_SCOPES_ARRAY>'],
  additionalParameters: {
    prompt: 'login'
  }
};

const result = await authorize(config);

该方案双端通用，绝大多数Azure AD注册的应用默认支持该参数，无需额外修改应用配置。

方案2：iOS端启用临时会话，完全禁用cookie共享 #

iOS 13及以上版本支持将授权会话设置为临时模式，该模式下ASWebAuthenticationSession会启动完全独立的沙盒会话，和Safari不共享任何cookie、本地存储数据，授权结束后会话内所有数据会被自动清除，不会残留任何登录态到系统浏览器。配置方式如下：

const result = await authorize({
  ...config,
  iosPrefersEphemeralSession: true
});

该配置仅对iOS生效，安卓端需配合对应配置使用。

方案3：安卓端启用Custom Tabs无状态模式 #

安卓端可关闭Custom Tabs的可信站点数据共享，开启临时隐身会话，授权流程在独立沙盒内完成，结束后自动清空所有会话数据，不会和系统Chrome同步登录cookie。配置时保持androidUseCustomTab参数为默认的true状态，同时追加自定义参数开启无状态模式即可。

注意事项 #

• 不要使用普通内嵌WebView加载微软授权页绕开该问题，微软身份平台会主动拦截非可信web环境的授权请求，存在合规风险，也容易触发账号风控校验。
• 若使用prompt: 'login'参数后出现授权报错，需到Azure AD应用注册后台检查对应参数的权限配置，常规业务应用默认开放该权限。

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