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

本文介绍了如何为由SpaServices托管的多个SPA配置ASP.net Core服务器路由的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我有一个Angular 5应用程序，我想使用最新的角度模板RC .我遵循了文档，并启动了应用程序并开始运行.问题在于，我还使用了Angular的 i18n工具，该工具可以生成多个已编译的应用程序，每个语言环境1个.我需要能够从https://myhost.com/{locale}/托管每个主机.

I have an Angular 5 application that I want to host with Angular Universal on ASP.net Core using the latest Angular template RC. I've followed the docs and have the application up and running. The problem is that I am also using Angular's i18n tools, which produce multiple compiled applications, 1 per locale. I need to be able to host each from https://myhost.com/{locale}/.

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

I know that I can spin up an instance of the ASP.net Core app for each locale, and set up hosting in the webserver to have the appropriate paths route to the associated app, but this seems excessive to me.

路由配置有:

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

SpaServices配置有:

SpaServices are configured with:

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相关联.有人有什么想法吗?

I've looked through the documentation and the source on Github, and I cannot find how to configure ASP.net Core to associate a specific route with a given SPA. Anyone have any ideas?

推荐答案

感谢 SteveSandersonMS 和指向我指出了解决方案.

Thanks to SteveSandersonMS and chris5287 over on Github for pointing me towards the solution on this.

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

IApplicationBuilder.Map can segregate paths into different areas of concern. If you wrap a call to app.UseSpa in a call to app.Map, the SPA will be handled only for the path specified by the Map call. The app.UseSpa call ends up looking like:

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来匹配您的特定配置.

You can make as many calls to app.Map as necessary to configure your SPAs. Also note the modification to the spa.UseAngularCliServer call at the end: you will need to set --base-href and --serve-path to match your particular config.

这篇关于如何为由SpaServices托管的多个SPA配置ASP.net Core服务器路由的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！

angular