React Native App Auth对接Okta授权报User cancelled flow错误

使用react-native-app-auth库对接Okta身份提供商开发时，点击Authorize授权按钮后持续弹出Failed to log in - User cancelled flow的登录失败提示。相关配置此前可正常运行，暂无法定位故障来自客户端代码还是服务端配置。

授权逻辑代码 #

const configs = {
  okta: {
    issuer: 'https://myid.okta.com/oauth2/default',
    clientId: 'myidabcdefg',
    redirectUrl: 'com.okta.myid:/callback',
    additionalParameters: {},
    scopes: ['openid', 'profile', 'offline_access'],
  }
};

const handleAuthorize = useCallback(
  async provider => {
    try {
      const config = configs[provider];
      const newAuthState = await authorize({
        ...config,
        connectionTimeoutSeconds: 5,
      });

      setAuthState({
        hasLoggedInOnce: true,
        provider: provider,
        ...newAuthState
      });
      
    } catch (error) {
      Alert.alert('Failed to log in', error.message);
    }
  },
  [authState]
);

Android端回调配置 #

// build.gradle中manifestPlaceholders配置
manifestPlaceholders = [
  appAuthRedirectScheme: 'com.okta.myid'               
]

按以下优先级从高到低排查，覆盖90%以上同场景报错：

• 优先核对Okta服务端配置：不要默认历史可用的配置未被改动，登录Okta管理员后台进入对应应用配置页，首先检查Sign-in redirect URIs列表是否完整包含代码中配置的com.okta.myid:/callback，地址拼写、大小写、特殊字符必须完全一致；其次确认测试账号已被加入该应用的可访问列表，没有触发IP拦截、MFA策略异常、账号权限被回收等服务端限制。
• 补全Android 11+包可见性配置：如果近期将targetSdkVersion升级到30（对应Android 11）及以上，未配置包可见性规则会导致AppAuth无法正常接收浏览器回调，直接抛出用户取消的错误，需要在AndroidManifest.xml的<manifest>根节点下补充如下配置：

<queries>
  <intent>
    <action android:name="android.intent.action.VIEW" />
    <category android:name="android.intent.category.BROWSABLE" />
    <data android:scheme="https" />
  </intent>
</queries>

• 调整过短的连接超时阈值：代码中设置的connectionTimeoutSeconds: 5时间过短，弱网环境下授权页加载、授权交互耗时超过5秒就会被判定为流程取消，先将该值调整为15~30测试。
• 排查测试机环境异常：确认系统默认浏览器处于正常可用状态，没有被冻结、禁用，部分第三方定制浏览器不支持Chrome Custom Tab协议会直接中断授权流程；可先清空默认浏览器缓存与站点数据，排除历史残留的异常Okta会话导致的跳转失败。
• 抓包定位链路异常：如果以上配置均验证正常，通过抓包工具跟踪整个OAuth授权流程的请求与响应，确认Okta返回的回调地址是否携带error参数，部分服务端返回的拒绝类错误不会被AppAuth正确解析，会统一归类为用户取消错误。

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