Activities of "vrkbandaru"

The meeting has expired. I will check this problem and get back to you.

Okay, Please provide resolution as soon as possible.

below is the error screen shot for your reference.

Hi,

I'd like to check it remotely, can we make an appointment for tomorrow? please email me shiwei.liang@volosoft.com

Hi, Can we connect now? I have sent an email.

Hi Can we connect now on zoom, if yes please send me invite to my email (I have already sent an email to you)?

Now I am getting Invalid grant type error, please guide me on how to resolve this issue?

When Angular Application is launching, its redirecting to Identity Server URL and showing the above message.

Below are the application code/configuration changes: Angular Environment.ts file (Code Flow)

Dotnet - Identity Server AppSettings.cs

Dotnet - Identity Server - Azure AD Configuration

Database table entries - IdentityServerClientRedirectUris

Hi,

I'd like to check it remotely, can we make an appointment for tomorrow? please email me shiwei.liang@volosoft.com

Hi, Can we connect now? I have sent an email.

Hi,

What happens if you click the login button, will it redirect to the auth server login page?

After changing he configuration from "Resource Owner flow" to "Code Flow" in "Environment.ts" file, Angular Application is displaying the below page, there is no login button on the page. ABP Framework Version is - 4.3.1.

Hi,

Could you share a GIF image?

Hi,

Please use the authorization code flow.

const oAuthConfig = { 
  .... 
  responseType: 'code', 
  .... 
}; 

using the same only in Angular app, as in below screen shot but not working. any changes required from .net core side?

Hi,

The recommended way is to use code flow, all steps have been completed in the backend and all you need to do is a few simple configuration steps.

for now, I need to allow both flows " Resource owner flow" and "Azure AD OpenId" Login for my application, please guide me on this. is there any ABP documentation on "Resource owner flow", if yes please provide links.

Sorry, but there is no such document from ABP. But the Azure AD document is detailed and also has some videos on youtube: https://www.youtube.com/watch?v=vjpKYSmvRKQ

You have a lot of work to do besides that. I can give you some points:

• When users log in from Azure AD, it also needs to log in to the local account

You can custom a grant_type e.g: AzureAdLogin and pass the access_token(from AzureAD) to call Azure Ad API to get the user profile and create a user it does not exist in the database https://identityserver4.readthedocs.io/en/latest/topics/extension_grants.html

1. From Backend (Tiered Identity Server), I am able to login using Azure AD Account (after successful login, user id also inserting in to abpusers table).
2. From Angular Application, as you said that we are following "Resource owner flow", I am getting only username, password screen, there is no button for Azure AD OpenId button to login to Azure AD Account, for this I have changed the configuration in "environment.ts" to go with "Authorization code flow", but while running the Angular application, the web page is not displaying any thing, its giving only "Can';t get" error on the screen.

Could you please suggest on further steps (OR) I am ready for zoom call also.

Hi,

Your angular application use Resource owner flow, it's different.

It's not related to ABP but Microsoft. you can check the document: https://learn.microsoft.com/en-us/azure/active-directory-b2c/configure-authentication-sample-angular-spa-app

• It has nothing to do with the AuthServer backend, This means that after Azure AD logs in, you need to register (create) the user if the does not exist in the database.

Could you please guide me on below?

1. for now, I need to allow both flows " Resource owner flow" and "Azure AD OpenId" Login for my application, please guide me on this.
2. is there any ABP documentation on "Resource owner flow", if yes please provide links.

in Custom Login Page

Where did you customize the Login page? Angular or MVC?

Can you share some screenshots?

in Angular Login page theme changed. Please explain how Angular application placing the "Azure ADOpenId" button?

ok, I have sent an email to you.

ok, thank you, replied to that email.

Thanks for your call, as discussed in call, you need to reply on the below.

For Azure Ad Integration, we have done the code changes only in Dotnet Core application, but Angular Application also displaying the "Azure AD OpenId" button on the screen, Could you please explain how Angular is displaying this button? Waiting for your reply on this question.

Note: Similar functionality I need to implement in my Enterprise application (in Custom Login Page).