pages - Cómo configurar el enrutamiento del servidor ASP.net Core para múltiples SPA alojados con SpaServices

razor pages español

Question

Tengo una aplicación Angular 5 que quiero alojar con Angular Universal en ASP.net Core utilizando la última plantilla de Angular RC . He seguido los documentos y tengo la aplicación en funcionamiento. El problema es que también estoy usando las herramientas i18n de Angular, que producen múltiples aplicaciones compiladas, 1 por localidad. Necesito poder alojar cada uno desde https://myhost.com/{locale}/ .

Sé que puedo activar una instancia de la aplicación Core de ASP.net para cada configuración regional y configurar el alojamiento en el servidor web para que tenga las rutas de acceso adecuadas a la aplicación asociada, pero esto me parece excesivo.

Las rutas se configuran con:

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

Los servicios de spa están configurados con:

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");
    }
});

He revisado la documentación y la fuente en Github, y no encuentro cómo configurar ASP.net Core para asociar una ruta específica con un SPA determinado. ¿Alguien tiene alguna idea?

Answer 1

Gracias a SteveSandersonMS y chris5287 por Github por indicarme la solución a esto.

IApplicationBuilder.Map puede segregar rutas en diferentes áreas de interés. Si app.UseSpa una llamada a app.UseSpa en una llamada a app.Map , el SPA se manejará solo para la ruta especificada por la llamada del Map . La llamada app.UseSpa termina pareciéndose a:

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=/");
        }
    });
});

Puede hacer tantas llamadas a app.Map como sea necesario para configurar sus SPA. También tenga en cuenta la modificación del spa.UseAngularCliServer call al final: deberá configurar --base-href y --serve-path para que coincida con su configuración particular.