How to call external HTML Angular 7 + Net Core?

Question

I have two applications running at the same time, the first is the new implementation in Angular 7 + asp core, the second is a legacy application in asp mvc 5 (no Angular app, that HTML does not implement any Angular code), the problem is that we want to slowly get rid of the legacy app. For this we have decided to call certain controllers (mvc5) renderer for the legacy application in the server, so the call to /legacy/menu returns an html with the menu of the legacy application.

How can I elegantly trick an Angular 7 component, so that when I call a RouterModule they return the /legacy/menu html? I understand that it's not the Angular concept but what we want to have two components "one for the new app" and the other one" for the legacy version", while we are implementing the new version, have the step component of the old version. All of this is a provisional idea to make the transition.

Answer 1

You should just create a new angular project template and see how they do it there. There's have a nicer convenience method. Or you can set up static file serving using StaticFiles

public void Configure(IApplicationBuilder app)
{
    app.UseStaticFiles(); // For the wwwroot folder

    app.UseStaticFiles(new StaticFileOptions
    {
        FileProvider = new PhysicalFileProvider(
            Path.Combine(Directory.GetCurrentDirectory(), "wwwroot", "images")),
        RequestPath = "/MyImages"
    });

    app.UseDirectoryBrowser(new DirectoryBrowserOptions
    {
        FileProvider = new PhysicalFileProvider(
            Path.Combine(Directory.GetCurrentDirectory(), "wwwroot", "images")),
        RequestPath = "/MyImages"
    });
}  

For Mor information checkout the Microsoft help page for serving static files

You can get more granular control using the built in methods for SPA

app.UseSpa(spa =>
{
    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")
            : null;
        options.ExcludeUrls = new[] { "/sockjs-node" };
    });

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

Here is the microsoft reference