求助：Expo中expo-auth-session与react-native-webview Cookie无法共享

核心原因是expo-auth-session/expo-web-browser使用的系统浏览器会话（iOS的ASWebAuthenticationSession、Android的Custom Tabs）与WebView的会话默认相互独立，导致Cookie不共享。以下是几种可行方案：

方案1：手动同步认证Cookie #

认证完成后，提取系统浏览器会话中的登录Cookie，手动注入到WebView对应的域名下：

1. 安装expo-cookies模块：

npx expo install expo-cookies

2. 认证成功后获取并设置Cookie：

import * as Cookies from 'expo-cookies';
import { WebView } from 'react-native-webview';

// 假设在OAuth2流程完成后执行
const syncAuthCookies = async (domain) => {
  // 获取系统浏览器中该域名的登录Cookie
  const authCookies = await Cookies.getAsync(domain);
  // 将Cookie注入到WebView的Cookie存储中
  for (const [name, cookie] of Object.entries(authCookies)) {
    await Cookies.setAsync(domain, name, cookie.value, {
      domain: cookie.domain,
      path: cookie.path,
      expires: cookie.expires,
      secure: cookie.secure,
      httpOnly: cookie.httpOnly,
    });
  }
};

// 使用WebView时先同步Cookie
<WebView
  source={{ uri: 'https://your-server-domain.com/protected-page' }}
  onLoadStart={() => syncAuthCookies('https://your-server-domain.com')}
/>

方案2：直接在WebView内完成OAuth2认证流程 #

放弃系统浏览器的认证流程，直接在App内的WebView中完成登录，会话天然共享：

import { WebView } from 'react-native-webview';

const AuthWebView = ({ onAuthSuccess }) => {
  const handleNavigation = (newState) => {
    const callbackUrl = 'your-app://oauth-callback';
    if (newState.url.startsWith(callbackUrl)) {
      // 从回调URL中提取授权码
      const urlParams = new URL(newState.url).searchParams;
      const authCode = urlParams.get('code');
      
      // 用授权码请求访问令牌，完成认证逻辑
      fetch('https://your-auth-domain.com/oauth/token', {
        method: 'POST',
        headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
        body: new URLSearchParams({
          code: authCode,
          client_id: 'your-client-id',
          redirect_uri: callbackUrl,
          grant_type: 'authorization_code',
        }),
      })
      .then(res => res.json())
      .then(tokenData => onAuthSuccess(tokenData))
      .catch(err => console.error('Token request failed:', err));
    }
  };

  // 加载OAuth2授权页面
  const authUrl = 'https://your-auth-domain.com/oauth/authorize?' + new URLSearchParams({
    client_id: 'your-client-id',
    redirect_uri: 'your-app://oauth-callback',
    response_type: 'code',
    scope: 'your-scopes',
  });

  return (
    <WebView
      source={{ uri: authUrl }}
      onNavigationStateChange={handleNavigation}
      javaScriptEnabled={true}
      domStorageEnabled={true}
    />
  );
};

方案3：iOS端配置非临时会话（局限性较大） #

在iOS上，expo-auth-session的AuthRequest可配置ephemeralSession: false，让系统浏览器使用非临时会话，此时登录Cookie会存入系统共享Cookie容器，WebView可能可以访问到：

import { useAuthRequest } from 'expo-auth-session';

const [request, response, promptAsync] = useAuthRequest(
  {
    clientId: 'your-client-id',
    redirectUri: 'your-app://oauth-callback',
    scopes: ['your-scopes'],
    // 配置非临时会话
    ephemeralSession: false,
  },
  discovery
);

注意：该方案仅对iOS生效，Android端Custom Tabs的会话共享逻辑不同，且WebView是否能访问系统Cookie还受iOS隐私设置影响，可靠性不如前两种方案。

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