OAuth Configuration

This documentation provides the steps required to configure OAuth settings in the Angular config.json and the ASP.NET Core appsettings.json files for integration with Azure Active Directory (AAD).

Angular Configuration

To configure OAuth in your Angular application, modify the config.json file as follows:

1. authType: Set this to "OAUTH" to enable OAuth authentication.

"authType": "OAUTH"

1. clientId: Enter the Client ID from your Azure AD app registration.

"clientId": "<Your Azure AD Client ID>"

1. authority: Specify the authority URL using your Azure AD tenant ID.

"authority": "https://login.microsoftonline.com/{tenantid}"

1. redirectUri: Set this to the callback URI configured in Azure AD for your application.

"redirectUri": "<Your Redirect URI>"

---

ASP.NET Core Configuration

For the backend, configure the following settings in the appsettings.json file:

1. UserStoreType: Set this to "OAUTH" to indicate the use of OAuth for user authentication.

jsonCopy code"UserStoreType": "OAUTH"

1. AzureAd: Configure the Azure AD details within this section.

jsonCopy code"AzureAd": {
  "Instance": "https://login.microsoftonline.com/",
  "Domain": "<Your Azure AD Domain>",
  "TenantId": "<Your Tenant ID>",
  "ClientId": "<Your Azure AD Client ID>"
}

---

App Registration in Microsoft Entra ID

To set up an app registration in Azure AD, follow the instructions provided in the Microsoft documentation:

1. Register app in Azure AD

Quickstart: Register an app in the Microsoft identity platform - Microsoft identity platformMicrosoftLearn

1. Once the app registration is complete, the following app roles need to be created:

   • Administrator

   • Reviewer

2. After creating the app roles, assign users to one of the following roles based on their responsibilities:

   • Administrator

   • Reviewer