0

我正在使用RazzleSSR 库构建一个反应应用程序，并且我正在尝试使用 amplify 库实现 AWS Cognito 联合身份验证。登录链接在成功后再次重定向到应用程序，但即使登录成功也总是显示未验证错误。

到目前为止我的代码：

客户端.js

import React from "react";
import { hydrate } from "react-dom";
import App from "./App";
import { BrowserRouter } from "react-router-dom";
import createStore from "./server/ssr-store";
import { Provider as ReduxProvider } from "react-redux";
import Amplify from "aws-amplify";
import amplifyConfig from "./config/amplifyConfig";
const storeBase64ToString = Buffer.from(window.REDUX_DATA, "base64").toString();
const storeData = JSON.parse(storeBase64ToString);
const store = createStore(storeData);
Amplify.configure(amplifyConfig);

hydrate(
  <ReduxProvider store={store}>
    <BrowserRouter>
      <App />
    </BrowserRouter>
  </ReduxProvider>,
  document.getElementById("root")
);

if (module.hot) {
  module.hot.accept();
}

应用程序.js

const getUserInfo = () => {};
  //////////////////////////
  const checkAuth = async () => {
    console.log("checkAuth");
    let user = null;
    Hub.listen("auth", async ({ payload: { event, data } }) => {
      switch (event) {
        case "cognitoHostedUI":
          user = await getUser();
          setUser(user);
          console.log("user1:", user);
          window.location.hash = window.location.hash;
          setAuthState({ authState: "signedIn", user: user });
          break;
        case "cognitoHostedUI_failure":
          setAuthState({ authState: "signedOut", user: null, error: data });
          console.log("cognitoHostedUI_failure");
          break;
        default:
          break;
      }
    });
    // if the URL contains ?identity_provider=x, and the user is signed out, we redirect to the IdP on load
    const urlParams = new URLSearchParams(window.location.search);
    const idpParamName = "identity_provider";
    const idp = urlParams.get(idpParamName);
    try {
      user = await getUser();
      setUser(user);
      console.log("user2:", user);
      // remove identity_provider query param (not needed if signed in successfully)
      if (idp) {
        urlParams.delete(idpParamName);
        const params = urlParams.toString();
        window.history.replaceState(
          null,
          null,
          window.location.pathname + (params ? "?" + params : "")
        );
      }
      setAuthState({ authState: "signedIn", user: user });
    } catch (e) {
      // user is not authenticated, and we have an IdP in the request
      if (e === "not authenticated" && idp) {
        await Auth.federatedSignIn({ customProvider: idp });
      } else {
        console.warn(e);
        console.log("not authenticated", e);
        setAuthState({ authState: "signedOut", user: null });
      }
    }
  };
  const getUser = async () => {
    let cognitoUser = await Auth.currentAuthenticatedUser();
    return new User(cognitoUser);
  };

有什么建议么？

4

0 回答 0