IdentityServer4 - Angular how to change the default Login page to Angular component

Question

How can I change the Login.cs.html page from IdentityServer4 to Angular component?

What should I do exactly?

Thanks

Answer 1

You can set the path to the login page via the UserInteraction settings . Read more about IDS4 login flow here .

For example if you have the angular app hosted on http://localhost:3000 settings looks like this:

services.AddIdentityServer(
    options =>
    {
        options.UserInteraction.LoginUrl = "http://localhost:3000/login";
        options.UserInteraction.ErrorUrl = "http://localhost:3000/error";
        options.UserInteraction.LogoutUrl = "http://localhost:3000/logout";
    })
    .AddInMemoryIdentityResources(Config.GetIdentityResources())
    .AddInMemoryApiResources(Config.GetApis())
    .AddInMemoryClients(Config.GetClients())
    .AddTestUsers(Config.GetTestUsers());

Here is a post with all details.