微前端授权

Question

目前正在将我的应用程序转变为微前端方法。
因此，寻求有关如何处理微前端的授权/身份验证的建议。

共享微前端的授权/身份验证的最佳实践是什么？
Shell 应如何加载/调用具有所需权限的微前端？

架构如下所示。

Answer 1

你能重新提出你的问题吗？据我了解..

你将拥有一个外壳。现在，它负责应用程序中的所有身份验证。您可以使用它来获取令牌。

现在您可以通过三种方式使用它：

1. 您可以为联合模块设置受保护的路由，并且只允许用户当时查看它。您可以通过两种方式再次实现这一点，假设您想要动态加载remoteEntry 文件，如果用户被授权访问该路由，则可以这样做。但如果你有一个静态可用的 RemoteEntry，这种方法也可以正常工作。

2. 您可以使用简单的 props 将令牌传递给用户，并让联合模块决定用户是否有权访问它。

3. 或者您可以同时使用 1 和 2，其中您的联合模块是受保护路由的一部分，并且您还想检查其中的令牌。