使用 Angular 4:我如何在单个项目中管理管理和 Web 部分
Using Angular 4 : How i can manage admin and web section within single project
我想在 angular 中创建一个管理和 Web 部分,我有点困惑,我是否应该分别为 Admin 和 Web 创建两个单独的项目。
或者我可以在单个 angular 4 应用程序中管理两者。
我有几个项目完全符合您的要求。根据登录用户的角色分为 2(有时 3)个不同的 Web 项目 "sections"。因此,在登录时赋予用户的角色定义了向用户公开的部分(组件) .
根据我的经验和我的情况,最好将sections放在同一个项目中,因为所有的重构,优化等都是在同一个项目中完成的,如果需要共享一个section,那么这很容易,因为它是同一个项目。
为了正确管理不同的部分,我花了一些时间创建一个可靠的身份验证系统来管理角色等,以及一个可靠的路由系统来控制这些部分(您可以使用 Angular 的 canActivate Guard 来控制可访问的内容)。
我还必须指出,所有客户端代码永远不可能 100% 安全,您必须始终对敏感数据进行服务器端验证。
您可以通过创建不同的模块来管理单个项目中的不同部分(即 Admin 和 UserFront)。我有一个成功的实验 here.
Angular.io has a nice example here.
我想在 angular 中创建一个管理和 Web 部分,我有点困惑,我是否应该分别为 Admin 和 Web 创建两个单独的项目。 或者我可以在单个 angular 4 应用程序中管理两者。
我有几个项目完全符合您的要求。根据登录用户的角色分为 2(有时 3)个不同的 Web 项目 "sections"。因此,在登录时赋予用户的角色定义了向用户公开的部分(组件) .
根据我的经验和我的情况,最好将sections放在同一个项目中,因为所有的重构,优化等都是在同一个项目中完成的,如果需要共享一个section,那么这很容易,因为它是同一个项目。
为了正确管理不同的部分,我花了一些时间创建一个可靠的身份验证系统来管理角色等,以及一个可靠的路由系统来控制这些部分(您可以使用 Angular 的 canActivate Guard 来控制可访问的内容)。
我还必须指出,所有客户端代码永远不可能 100% 安全,您必须始终对敏感数据进行服务器端验证。
您可以通过创建不同的模块来管理单个项目中的不同部分(即 Admin 和 UserFront)。我有一个成功的实验 here.
Angular.io has a nice example here.