如何根据 AngularJS 中的角色和身份验证使用 ui-router 路由页面

2024-03-03

我是 javascript 和 angularjs 的新手。我想要为我的角度应用程序登录和角色。我已经编写了用于登录的java Rest api。当我使用用户凭据调用登录 API 时,它返回 TOKEN 和 ROLES。我还有 TOKEN 验证 API,它将验证 TOKEN 是否有效或过期。

我的要求是

  1. 当用户未登录时,页面应始终路由到登录页面(/signin)。用户不应该能够通过更改“/home”等 URL 来访问任何其他页面。

  2. 当用户调用登录 API 时,它会返回 TOKEN 和 ROLES。所以每个页面应该根据角色进行路由。 示例:仅当用户输入正确的凭据且用户角色为“管理员”时,才应路由到“/home”。

  3. 如果用户登录,则在用户注销之前用户应该无法转到“/signin”。当用户输入“/signin”时,它应该始终重新路由到“/home”。

  4. 登录后,用户关闭浏览器并再次打开它,它应该路由到“/home”。 (用户成功登录后,TOKEN 和 ROLES 必须存储在本地存储或 cookie 中。当用户打开应用程序时,应检查本地存储中是否有 TOKEN 和 ROLES。如果否,则重定向到“/signin”。如果是,则重定向到主页并应加载存储在本地存储中的用户信息。)。

  5. 我希望所有路由都使用 UI-Router,因为我在其余的工作中使用了它

由于我是前端开发和 javascript - angularjs 的新手,因此我尝试了许多 git 项目。但我无法在我的项目中实施。我希望所有路由都应该使用“ui-router”进行。

请帮助我,并记住我是 angularjs 和 javascript 的新手。


None

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何根据 AngularJS 中的角色和身份验证使用 ui-router 路由页面 的相关文章

随机推荐