如何在已有已登录React Native应用时，免登录打开另一应用？

核心思路 #

让多个应用共享已验证的用户认证凭证，当从已登录应用唤起其他应用时，通过共享存储或参数传递获取有效凭证，完成自动登录。

1. 跨应用共享认证存储 #

利用原生平台的跨应用存储能力，让同开发者旗下的应用共享同一个存储容器，直接读取已保存的登录凭证。

• iOS 端：配置 Xcode 的 App Groups，让多个应用归属同一组，使用 react-native-keychain 库操作共享 Keychain：

  import * as Keychain from 'react-native-keychain';
  
  // 已登录应用存储凭证
  await Keychain.setGenericPassword('user_123', 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9...', {
    service: 'com.yourteam.shared-auth',
    accessGroup: 'group.com.yourteam.allapps' // 对应 Xcode 配置的 App Group ID
  });
  
  // 被唤起应用读取凭证并自动登录
  const credentials = await Keychain.getGenericPassword({
    service: 'com.yourteam.shared-auth',
    accessGroup: 'group.com.yourteam.allapps'
  });
  if (credentials) {
    await api.loginWithToken(credentials.password);
  }
  

• Android 端：在 AndroidManifest.xml 中给所有应用设置相同的 android:sharedUserId，或通过自定义 ContentProvider 实现跨应用共享 SharedPreferences，再用 React Native 原生模块封装读取逻辑。

2. 唤起时通过 Deep Link 传递加密凭证 #

从已登录应用唤起目标应用时，将加密后的认证凭证通过 URL Scheme/Deep Link 传递，目标应用解析后自动登录。

• 已登录应用唤起逻辑：

  import { Linking } from 'react-native';
  
  const openTargetApp = async () => {
    // 自定义加密逻辑，避免明文传输
    const encryptedToken = btoa(currentUser.token + 'your-secret-salt');
    const deepLink = `yourtargetapp://auto-login?token=${encryptedToken}`;
    await Linking.openURL(deepLink);
  };
  

• 目标应用监听并处理链接：

  import { Linking, useEffect } from 'react-native';
  
  useEffect(() => {
    const handleDeepLink = async ({ url }) => {
      if (url.startsWith('yourtargetapp://auto-login')) {
        const params = new URLSearchParams(url.split('?')[1]);
        const encryptedToken = params.get('token');
        const token = atob(encryptedToken).replace('your-secret-salt', '');
        // 验证 token 有效性后自动登录
        const isValid = await api.verifyToken(token);
        if (isValid) await api.loginWithToken(token);
      }
    };
  
    Linking.addEventListener('url', handleDeepLink);
    // 处理应用启动时的初始链接
    Linking.getInitialURL().then(url => url && handleDeepLink({ url }));
  
    return () => Linking.removeEventListener('url', handleDeepLink);
  }, []);
  

3. 统一单点登录（SSO）服务 #

搭建 OAuth2/OpenID Connect 统一认证服务，所有应用接入该服务。用户在一个应用登录后，其他应用跳转至认证服务时会自动读取已存在的会话，无需重复登录。

• 用 react-native-app-auth 库接入统一认证端点，配置相同的 Client ID 和授权地址，实现跨应用会话共享。

安全注意事项 #

• 所有凭证必须加密存储和传输，避免明文泄露。
• 后端必须验证凭证的有效性（如 token 签名、过期时间），不能直接信任前端传递的参数。
• 定期刷新 token，设置合理的过期时间，降低凭证泄露风险。

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