如何在浏览器中获取 Cognito ID 令牌？

Question

我正在构建 Web 应用程序（使用 ReactJS）使用 Cognito 用户池进行用户管理，这将是使用 cloudfront、api 和 lambda 的无服务器。我正在寻求有关如何使用 Javascript 在浏览器中通过实际登录来获取 Cognito IDToken 的帮助。我只想要令牌并将其传递给 API，该 API 将从令牌中提取身份验证信息并将其用于某些特定目的。

Answer 1

Amazon Cognito 令牌存储在浏览器的本地存储中，但不建议直接从那里访问它们，因为它们可能会过期。

最好使用 SDK 获取它们，您可以从中获取会话，这反过来会为您刷新令牌（如果它们过期）并在会话仍然有效时为您提供有效令牌。例如：

import * as AmazonCognitoIdentity from "amazon-cognito-identity-js";

const poolData = {UserPoolId: "USER_POOL_ID", ClientId: "CLIENT_ID"};
const userPool = new AmazonCognitoIdentity.CognitoUserPool(poolData);

// React
const cognitoUser = userPool.getCurrentUser();
  if (cognitoUser != null) {
    cognitoUser.getSession((err, session) => {
      if (err) {
        console.log(err);
      } else if (!session.isValid()) {
        console.log("Invalid session.");
      } else {
        console.log("IdToken: " + session.getIdToken().getJwtToken());
      }
    });
  } else {
    console.log("User not found.");
  }

// React Native
userPool.storage.sync((error, result) => {
  if (error) {
    console.log(error);
  } else if (result === "SUCCESS") {
    const cognitoUser = userPool.getCurrentUser();
    if (cognitoUser != null) {
      cognitoUser.getSession((err, session) => {
        if (err) {
          console.log(err);
        } else if (!session.isValid()) {
          console.log("Invalid session.");
        } else {
          console.log("IdToken: " + session.getIdToken().getJwtToken());
        }
      });
    } else {
      console.log("User not found.");
    }
  } else {
    console.log("Storage sync error.");
  }
});