能否不依赖托管UI，实现类amazon-cognito-identity-js的Cognito社交登录流程？

可以实现让社交登录流程和你当前用amazon-cognito-identity-js的用户名密码登录流程一致，核心是在回调页面解析社交登录返回的令牌，再复用你已有的令牌存储、用户状态管理逻辑，具体步骤如下：

1. 解析回调URL中的令牌参数 #

社交登录成功后，Cognito会重定向到你的redirect_uri，并在URL的hash部分携带access_token、id_token、expires_in等参数。你需要在回调页面（比如首页或专门的登录回调页）编写解析逻辑：

// 解析URL hash中的令牌参数
const parseCognitoSocialTokens = () => {
  const hash = window.location.hash.substring(1);
  const params = new URLSearchParams(hash);
  return {
    accessToken: params.get('access_token'),
    idToken: params.get('id_token'),
    refreshToken: params.get('refresh_token'),
    expiresIn: params.get('expires_in'),
  };
};

2. 复用令牌存储逻辑 #

拿到令牌后，直接复用你之前用amazon-cognito-identity-js登录时的本地存储逻辑。比如你之前是这样存用户名密码登录的令牌：

// 假设你之前的存储逻辑示例
localStorage.setItem('cognito_access_token', accessToken);
localStorage.setItem('cognito_id_token', idToken);
localStorage.setItem('cognito_refresh_token', refreshToken);

那社交登录解析出令牌后，直接调用同样的存储代码即可。

3. 用amazon-cognito-identity-js同步用户状态（可选） #

如果你想让社交登录后的用户对象和用户名密码登录后的CognitoUser对象结构一致，可以用CognitoUserPool和CognitoUser初始化用户会话：

import { CognitoUserPool, CognitoUser, CognitoIdToken, CognitoAccessToken, CognitoRefreshToken } from 'amazon-cognito-identity-js';

// 初始化用户池（和你之前用户名密码登录的配置一致）
const poolData = {
  UserPoolId: '你的UserPoolId',
  ClientId: '你的ClientId'
};
const userPool = new CognitoUserPool(poolData);

// 从解析的令牌创建会话对象
const createCognitoSession = (tokens) => {
  const idToken = new CognitoIdToken({ IdToken: tokens.idToken });
  const accessToken = new CognitoAccessToken({ AccessToken: tokens.accessToken });
  const refreshToken = new CognitoRefreshToken({ RefreshToken: tokens.refreshToken });

  const session = {
    getIdToken: () => idToken,
    getAccessToken: () => accessToken,
    getRefreshToken: () => refreshToken,
    getExpiration: () => Date.now() + parseInt(tokens.expiresIn) * 1000,
  };

  // 获取社交登录的用户（用idToken payload中的用户名）
  const userData = {
    Username: idToken.payload.username,
    Pool: userPool
  };
  const cognitoUser = new CognitoUser(userData);
  
  // 设置用户会话
  cognitoUser.setSignInUserSession(session);
  
  return cognitoUser;
};

// 调用示例
const socialTokens = parseCognitoSocialTokens();
const cognitoUser = createCognitoSession(socialTokens);

// 这里可以把cognitoUser存入状态管理（比如React的useState/Context），和你之前的逻辑对齐

4. 清理URL中的hash参数（可选） #

为了避免页面刷新后重复解析令牌，处理完令牌后可以清理URL的hash部分：

window.history.replaceState({}, document.title, window.location.pathname);

这样处理后，社交登录的流程就和你用amazon-cognito-identity-js做用户名密码登录的流程完全一致了——令牌存入本地存储，用户状态也用Cognito的对象管理，后续的API调用、权限验证逻辑都可以直接复用。

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