在角度2/4应用程序上对用户进行身份验证后的动态角色和权限

Question

我正在使用angular 2/4创建一个应用程序，我的超级管理员将创建不同的租户/角色，并允许访问不同的页面/功能（权限），因此这两件事都是动态的。

我可以检索页面并在菜单上显示它们。 使用这篇文章实现了菜单： https ： //webcake.co/automating-your-main-nav-in-a-modular-angular-2-app/

现在我还想保护路由，以便用户不会通过手动输入URL来访问该功能。

需要更多说明如何从数据库获取动态路由或导航。

有没有办法使用动态角色名称和动态功能权限进行基于角色的授权？

任何人都可以为此提供帮助。

Answer 1

我有点晚了，但如果你对JWT感到满意的话， 这个特别的指南帮助我顺利完成了一些事情。 它的要点是您必须在登录时从服务器发送用户的角色/权限。 您的Angular应用程序应该在本地存储此“元数据”（例如，在localstorage ）并使用它来保护您的路由。 Angular Guards可以轻松保护您的路线。

但请记住，这只能保护你到目前为止。 任何人都可以编辑他们的localstorage （或者sessionstorage或cookie），因此必须正确保护您的API端点，以便即使未经授权的用户以某种方式访问​​受保护的Angular路由，他/她也将被API拒绝。