React Native应用OAuth2授权后通过Intent Filter唤起Android应用问题

我之前刚好做过类似的React Native OAuth2授权后唤起Android应用的场景，给你梳理一下解决步骤：

1. 完善AndroidManifest.xml的Intent Filter配置 #

你已经有了基础的intent-filter，但需要确保配置项完整且和后端重定向URL匹配。正确的配置应该包含BROWSABLE类别（让浏览器能唤起应用）、自定义的scheme和精准的host/path，示例如下：

<intent-filter android:label="myApp">
    <action android:name="android.intent.action.VIEW" />
    <!-- 必须包含这两个category，才能被浏览器唤起 -->
    <category android:name="android.intent.category.DEFAULT" />
    <category android:name="android.intent.category.BROWSABLE" />
    <!-- 这里的scheme、host要和后端最终重定向的URL严格对应 -->
    <data
        android:scheme="myappoauth" <!-- 自定义一个唯一的scheme，避免和其他应用冲突 -->
        android:host="oauth.callback"
        android:pathPrefix="/auth" /> <!-- 可选，用来更精准匹配跳转路径 -->
</intent-filter>

注意：不要用http/https作为scheme（除非你配置了App Links关联域名），自定义scheme是最简单直接的方式。

2. 配置后端的最终重定向URL #

后端在完成第三方OAuth授权后，需要重定向到符合上面intent-filter规则的URL，比如：
myappoauth://oauth.callback/auth?token=your_access_token_here
这个URL的scheme、host、path必须和intent-filter里的data参数完全匹配，否则浏览器无法识别要唤起你的应用。

3. 在React Native中处理唤起后的参数 #

当应用被浏览器唤起时，你需要获取URL中携带的token并处理后续逻辑。可以用React Native自带的Linking API，无需额外依赖：

import { Linking, useEffect } from 'react-native';

useEffect(() => {
    // 解析URL中的token参数
    const parseAuthToken = (url) => {
        if (!url) return;
        const [, queryString] = url.split('?');
        const params = new URLSearchParams(queryString);
        const token = params.get('token');
        if (token) {
            // 这里写拿到token后的逻辑：比如存储到AsyncStorage、跳转首页等
            console.log('成功获取OAuth Token:', token);
        }
    };

    // 处理应用从关闭状态被唤起的情况
    Linking.getInitialURL().then(parseAuthToken);

    // 处理应用在后台时被唤起的情况
    const linkListener = Linking.addEventListener('url', (event) => {
        parseAuthToken(event.url);
    });

    // 组件卸载时移除监听
    return () => linkListener.remove();
}, []);

4. 测试注意事项 #

• 确保测试设备上已经安装了你的React Native应用
• 可以先在浏览器里手动输入自定义scheme的URL（比如myappoauth://oauth.callback/auth?token=test），验证是否能唤起应用
• 修改AndroidManifest.xml后，需要重启Metro服务并重新安装应用，确保配置生效
• 部分浏览器可能对自定义scheme跳转有安全限制，测试时可以多试几款主流浏览器（比如Chrome、Firefox）

内容的提问来源于stack exchange，提问作者Patryk Poźniak