javascript - Angular2 中多个用户面板的最佳实践是什么

Question

我将从一个新的大型项目开始。我将使用 Angular2，但我不知道对于包含多个用户面板的项目来说，最佳实践是什么。我需要你的经验和建议。

该项目将有一个登陆页面。登陆页面上还将有一个登录表单。如果用户信息(用户名-密码)正确，用户将被重定向到该用户类型的面板。如果用户是管理员，将被重定向到管理面板(仪表板)，如果不是，将被重定向到用户面板。

我的问题是:构建此类项目的最佳实践是什么？

每个面板和登陆页面作为单独的 Angular 应用程序

• localhost(登陆页面应用)
• localhost/admin(管理面板应用)
• localhost/user(用户面板应用)

或者多合一 Angular 应用程序，其中包括登陆页面和其他用户面板

• localhost(一个具有所有功能的应用程序)

该项目将有许多用户类型(目前是管理员、学生、教师、家长)，每种类型将有一个具有完全不同功能的面板。

Answer 1

您可以使用路由器定义路由，并且可以使用守卫来分配给这些路由。

守卫可以实现您的多个用户 Angular 色所需的逻辑。基本示例是仅在用户登录时激活的路由防护。您可以更进一步，然后使用服务定义您的 Angular 色，然后根据服务中的用户 Angular 色防护您的路由。

官方文档相当不错:https://angular.io/docs/ts/latest/guide/router.html#!#can-activate-guard