reactjs - 如何使用 aws cognito 联合身份处理重定向

Question

我有一个使用 ReactJS 的 SPA(单页应用程序)。目前，我允许用户使用 Amplify 控制台通过 AWS Cognito 登录 Facebook 或 Google(我的站点在 S3 上使用 Amplify 托管)。

我的问题是，当用户尝试进入需要登录的页面时，他会被重定向到登录页面(使用 react-router-dom v4)，然后当他们登录时，他们会被重定向到 Facebook/Google，然后重定向回我网站的主页。

我想让他们返回到发送他们登录的页面，因为这会给我的用户带来糟糕的用户体验。

我使用的Auth函数是:Auth.federatedSignIn({ provider: "Facebook"}).

当 session 刷新且商店未维护时，如何将它们发送回将它们发送到重定向的页面而不将页面存储在我的商店中？

Answer 1

您可以将您的页面作为自定义状态传递

Auth.federatedSignIn({provider: 'Google', customState: JSON.stringify(route)})

并在授权事件中取回

Hub.listen('auth', ({payload: {event, data}}) => {

  switch (event) {
    case 'signIn':
      user = data
      break

  case 'customOAuthState':
      route = JSON.parse(data)
      // go to route
      break;
  }

})