如何使用React/Javascript在客户端的多个web应用程序之间共享身份验证

Question

我目前正在实现一个react应用程序，其中有一个进行身份验证的主应用程序，然后有一个具有不同URL的子应用程序，它会根据用户选择在单独的窗口中打开，如果身份验证已在主应用程序中进行，则应验证用户已登录。如果用户试图从URL直接访问子应用程序，如果用户未通过主应用程序的身份验证，则应将其重定向到主登录。如何做到这一点？有没有办法也以某种方式将loggedIn信息共享到子应用程序？

Answer 1

您应该实现单一登录(SSO(。这是一种身份验证方案，允许用户使用单个令牌登录多个系统。您可以通过OpenId Connect来实现这样的系统。

Answer 2

在登录中，您可以创建JWT令牌(https://jwt.io/)发送标题，在其他网站你可以检查它。

您可以使用所需的数据检查签名和内容。