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

Question

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

该项目将有一个登陆页面。在登录页面上也将是一个登录表单。如果用户信息（用户名 - 密码）正确，则用户将被重定向到面板作为用户的类型。如果用户是管理员，将被重定向到管理面板（仪表板），如果没有将被重定向到用户面板。

我的问题是： 构建此类项目的最佳做法是什么？

每个面板和着陆页作为单独的Angular App

• localhost（登录页面应用）
• localhost / admin（管理面板应用）
• localhost / user（用户面板应用）

或者 所有在一个角色应用程序，其中包括登录页面和其他用户面板

• localhost（一个具有所有功能的应用）

这个项目将有许多用户类型（管理员，学生，教师，现在的父母），每种类型都有一个具有完全不同功能的面板。

Answer 1

您可以使用路由器定义路线，并且可以使用防护来分配这些路线。

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

官方文档非常好：https://angular.io/docs/ts/latest/guide/router.html#!#can-activate-guard