Angular2有两个前端管理员和站点

Question

我正在使用angular-cli开发一个应用程序.该应用程序有两个前端 - 网站和管理员.两者都有不同的资产.

管理员打开时仅加载管理员资产. 站点打开时仅加载站点资产. 我怎么能这样做？目前我正在使用这种结构.

Answer 1

一种方法是使用延迟加载和异步路由,另一种方法是从相同的代码库有条件地构建两个应用程序.

Answer 2

方式一

我建议您单独创建两个应用程序，您可以将 IDE 保留在单个工作区中，但为两个站点保留单独的启动和配置。因为管理站点和用户站点始终具有不同的外观和功能。我们需要用户站点的许多工具，但管理站点不需要，管理站点也是如此。而且两个站点都有不同的安全点。

因此，根据我的理解，如果您可以将两个站点分开，这将非常有帮助。

因此，制作两个应用程序并将两个站点托管在同一个域上。您可以使用 url 重写将两个站点托管在同一个域上。这看起来像是同一域上的单个应用程序，但两个应用程序在您的 IDE 中是分开的。因此，您可以轻松管理。

方式二

但是，如果您的要求无法通过制作不同的应用程序满足，并且您希望在单个应用程序上制作两个站点，那么为用户站点制作两个模块，第二个用于管理站点。两个模块都有自己的路由，并通过在引导您的应用程序的主模块中延迟加载来注入该模块。