如何为 SpaServices 托管的多个 SPA 配置 ASP.net Core 服务器路由

Question

我有一个 Angular 5 应用程序，我想使用最新的 Angular template RC 在 ASP.net Core 上使用 Angular Universal 托管它。我已经按照文档并启动并运行了应用程序。问题是我也在使用 Angular 的 i18n tools，它会生成多个编译的应用程序，每个语言环境 1 个。我需要能够从https://myhost.com/{locale}/ 主持每个人。

我知道我可以为每个语言环境启动一个 ASP.net Core 应用程序的实例，并在网络服务器中设置托管以使适当的路径路由到相关的应用程序，但这对我来说似乎太过分了。

路由配置：

// app is an instance of Microsoft.AspNetCore.Builder.IApplicationBuilder
app.UseMvc(routes =>
{
    routes.MapRoute(
        name: "default",
        template: "{controller}/{action=Index}/{id?}");
});

SpaServices 配置有：

app.UseSpa(spa =>
{
    // To learn more about options for serving an Angular SPA from ASP.NET Core,
    // see https://go.microsoft.com/fwlink/?linkid=864501

    spa.Options.SourcePath = "ClientApp";

    spa.UseSpaPrerendering(options =>
    {
        options.BootModulePath = $"{spa.Options.SourcePath}/dist-server/main.bundle.js";
        options.BootModuleBuilder = env.IsDevelopment()
            ? new AngularCliBuilder(npmScript: "build:ssr:en")
            : null;
        options.ExcludeUrls = new[] { "/sockjs-node" };
        options.SupplyData = (context, data) =>
        {
            data["foo"] = "bar";
        };
    });

    if (env.IsDevelopment())
    {
        spa.UseAngularCliServer(npmScript: "start");
    }
});

我查看了 Github 上的文档和源代码，但找不到如何配置 ASP.net Core 以将特定路由与给定 SPA 相关联。有人有什么想法吗？

Answer 1

感谢 Github 上的 SteveSandersonMS 和 chris5287 为我指明解决方案。

IApplicationBuilder.Map 可以将路径分成不同的关注区域。如果在对app.Map 的调用中包装对app.UseSpa 的调用，SPA 将仅针对Map 调用指定的路径进行处理。 app.UseSpa 调用最终看起来像：

app.Map("/app1", app1 =>
{
    app1.UseSpa(spa =>
    {
        // To learn more about options for serving an Angular SPA from ASP.NET Core,
        // see https://go.microsoft.com/fwlink/?linkid=864501

        spa.Options.SourcePath = "ClientApp";

        spa.UseSpaPrerendering(options =>
        {
            options.BootModulePath = $"{spa.Options.SourcePath}/dist-server/main.bundle.js";
            options.BootModuleBuilder = env.IsDevelopment()
                ? new AngularCliBuilder(npmScript: "build:ssr:en")
                : null;
            options.ExcludeUrls = new[] { "/sockjs-node" };
            options.SupplyData = (context, data) =>
            {
                data["foo"] = "bar";
            };
        });

        if (env.IsDevelopment())
        {
            spa.UseAngularCliServer(npmScript: "start --app=app1 --base-href=/app1/ --serve-path=/");
        }
    });
});

您可以根据需要多次调用app.Map 来配置您的SPA。还要注意最后对spa.UseAngularCliServer 调用的修改：您需要设置--base-href 和--serve-path 以匹配您的特定配置。