Azure AD B2C在iOS Expo React Native中登出无法跳转问题

问题核心 #

你的登出逻辑在Android上能正常清除会话、完成跳转，但iOS端出现空白页且会话未清理，后续登录自动跳过凭据输入，本质是iOS浏览器会话机制差异+登出请求参数缺失，导致Azure B2C无法正确处理登出流程。

修复方案 #

1. 补充登出请求的关键参数 #

Azure B2C的登出端点在iOS环境下必须携带id_token_hint参数（用户当前有效的ID Token），才能定位并清除对应会话。修改代码如下：

export const Logout = async (idToken) => {
    const uri = `${discovery.endSessionEndpoint}?post_logout_redirect_uri=myapp://auth/&id_token_hint=${idToken}`
    await openBrowserAsync(uri)
}

注意：id_token_hint必须传入用户登录后获取的最新有效ID Token，不能使用过期或无效的令牌。

2. 检查自定义策略的登出配置 #

如果使用自定义策略，需确保策略内包含完整的登出流程：

• 确认策略中存在<UserJourney Id="SignOut">节点，且编排步骤正确指向登出逻辑
• 验证策略内PostLogoutRedirectUri允许列表已包含myapp://auth/，需和Azure应用注册中的配置完全一致

3. 适配iOS的浏览器调用方式 #

若使用Expo框架，建议替换openBrowserAsync为AuthSession.startAsync，它对iOS的OAuth流程适配性更好：

import * as AuthSession from 'expo-auth-session';

export const Logout = async (idToken) => {
    const uri = `${discovery.endSessionEndpoint}?post_logout_redirect_uri=myapp://auth/&id_token_hint=${idToken}`
    await AuthSession.startAsync({ authUrl: uri })
}

4. 确认iOS应用的URL Scheme配置 #

在Info.plist中确保已注册myapp作为URL Scheme，保证跳转能正常返回应用：

<key>CFBundleURLTypes</key>
<array>
    <dict>
        <key>CFBundleURLSchemes</key>
        <array>
            <string>myapp</string>
        </array>
    </dict>
</array>

原理说明 #

iOS浏览器会话与应用沙箱隔离，缺少id_token_hint时，Azure B2C无法识别用户会话，既无法清理凭据，也无法触发跳转逻辑，导致页面空白；补充参数后，Azure B2C能准确定位会话并完成登出，随后自动跳转回应用。

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