Publish Angular Web to IIS Issue #1365

yorytang created 4 years ago

ABP Framework version: v4.3.0
UI type: Angular
DB provider: EF Core
Tiered (MVC) or Identity Server Separated (Angular): yes
Exception message and stack trace:
Steps to reproduce the issue:
I have publish Angular and web api to IIS , this is the Url : http://106.14.14.219:8008/
Web api is tested ok. Webpage can be opened but nothing happens when I click the Login button, no any js error , no any api request.

bunyamin created 4 years ago

Hello,

Could your problem be related to https?

Check this question out, it had a similar problem

yorytang created 4 years ago

Thanks, this is https problem, the button click is ok now. but when click login it show 500 error, this is page error and my config below:

yorytang created 4 years ago

I have try to change web and api to different site and port, but failed when click login btn.

yorytang created 4 years ago

Is it url config issue ? I find the log 'AllowedRedirectUris' , it is only default url. But I dont konw where to config it.

gvnuysal created 4 years ago

Hi yorytang,
You can change it from the database the project uses

yorytang created 4 years ago

I have changed the redirect url, but display another error:

this is my config url

bunyamin created 4 years ago

It looks like the entry you just added is missing https. Could you fix it and try again?

yorytang created 4 years ago

You mean both web and api are should using https url?

yorytang created 4 years ago

I have changed web to https, but failed. I have no idea how to fix it. pls adivse.

gterdem created 4 years ago

Senior .NET Developer

The error you get is about healthcheck. Try disabling it to see how it goes:
<br>

public override void ConfigureServices(ServiceConfigurationContext context)
{
    var configuration = context.Services.GetConfiguration();
    var hostingEnvironment = context.Services.GetHostingEnvironment();

    ... //Omitted
    //ConfigureHealthChecks(context); //Comment this line 
}

<br>
If your problem persists, try deleting the database and use configurations as below.

For development, we are using localhost with port. You are using local ip without port for angular app. I think IIS Express redirects to port 80 as default. Nevertheless, I would suggest using explicit port for angular app also.

Your backend url is https://192.168.1.175:8008
Your frontend url should be with port https://192.168.1.175:8080 (or whatever port you like)

Backend appsettings:

<br>

"App": {
  "SelfUrl": "https://192.168.1.175:8008",
  "AngularUrl": "https://192.168.1.175:8080",
  "CorsOrigins": "https://192.168.1.175:8080",
  "RedirectAllowedUrls": "https://192.168.1.175:8080," 
},

RedirectURLs and CorsOrigins are related with your angular app (since you don't use separate identityserver)

FrontEnd environment.ts

const baseUrl = 'https://192.168.1.175:8080';
export const environment = {
  production: false,
  application: {
    baseUrl,
    name: 'eCTDBackend',
  },
  oAuthConfig: {
    issuer: 'https://192.168.1.175:8008',
    redirectUri: baseUrl,
    clientId: 'eCTDBackend_App',
    responseType: 'code',
    scope: 'offline_access openid profile role email phone eCTDBackend_App',
  },
  apis: {
    default: {
      url: 'https://192.168.1.175:8008',
      rootNamespace: 'Area51.eCTDBackend',
    },
  },
} as Environment;