使用单一 SPA 进行单点登录

Question

我想为我工作的公司开发一个门户网站，该门户网站有许多应用程序。我使用 Single SPA 框架及其布局引擎。

看起来像这样：

 <single-spa-router>
        <nav>
          <application name="@angular-navbar"></application>
        </nav>
        <main>
          <redirect from="/" to="/react"></redirect>
          <route path="App1">
            <application name="@angular-app"></application>
          </route>
          <route path="react">
            <application name="@react-app/react-app"></application>
          </route>
          <route path="gift-management-frontend">
            <application name="@angular-gift"></application>
          </route>
        </main>
      </single-spa-router>

我想制作一个身份验证表单，这将要求用户传递用户名和密码。此页面应始终首先打开，然后在用户成功登录后显示导航栏和其他应用程序。

有没有办法使用 Single SPA 布局引擎来做到这一点？或者遵循的最佳实践是什么？

我正在寻找一个实现此功能的项目，但我找不到任何项目。因此，如果有人有想法，或者知道应该如何做到这一点，我们将非常感激。

Answer 1

这只是一种可能性：登录后，您将获得的任何安全信息（JWT 或其他）以 props 的形式传递给 single-spa 应用程序。