Impactos: 3

Ejercicio: Implementación de una aplicación que use

OpenID Connect para autenticar a los usuarios

 

 

• 10 minutos

Puede usar la CLI de Azure para implementar y probar una aplicación que use OpenID Connect.

Previamente ha registrado la aplicación en Azure Active Directory (Azure AD). Ahora puede implementar

y ejecutar la aplicación, y ver si la autenticación funciona.

En este ejercicio, configurará una aplicación para autenticar a los usuarios en el inquilino de Azure AD

e implementará la aplicación web.

Configuración e implementación de una aplicación que use OpenID Connect para autenticar a los usuarios

1. Ejecute el siguiente comando en Azure Cloud Shell para clonar el repositorio que contiene el
2. origen de datos de nuestra aplicación.

   BashCopiar

   git clone https://github.com/MicrosoftDocs/mslearn-secure-app-with-oidc-and-azure-ad.git
   

3. Vaya a la carpeta mslearn-secure-app-with-oidc-and-azure-ad/app.

   BashCopiar

   cd ~/mslearn-secure-app-with-oidc-and-azure-ad/app
   

4. Actualice el archivo appsettings.json para especificar los detalles de configuración con

5. [orbital_cluster categories=”3804,3821,3813,1,3803″ order=”ASC”]

6. El fin de permitir que la aplicación se comunique con Azure AD. Abra este archivo en el editor de código.

   BashCopiar

   code appsettings.json
   

7. Actualice los campos siguientes como se indica a continuación:

   TABLA 1

   <domain-name>	Nombre de su inquilino de Azure AD
   <TenantID-GUID>	Id. de directorio (inquilino) que ha anotado en el ejercicio anterior
   <ClientID-GUID>	Id. de aplicación (cliente) que ha anotado en el ejercicio anterior

   Una vez completado, el archivo tendrá un aspecto similar al siguiente:

   JSONCopiar

   {
     "AzureAd": {
       "Instance": "https://login.microsoftonline.com/",
       "Domain": "youraadtenant.onmicrosoft.com",
       "TenantId": "fa66e1ef-a41b-3bae-898d-842ab314cd78",
       "ClientId": "168a0d47-596a-4f92-a153-0408634caf9d",
       "CallbackPath": "/signin-oidc"
     },
     "Logging": {
       "LogLevel": {
         "Default": "Warning"
       }
     },
     "AllowedHosts": "*"
   }
   

8. Pulse Ctrl+S para guardar el archivo y Ctrl+Q para cerrar el editor de código.

9. Ejecute el siguiente comando para compilar e implementar la aplicación web inicial.

   CLI de AzureCopiar

   az webapp up \
       --resource-group [Sandbox resource group] \
       --location centralus \
       --sku F1 \
       --name educationapp-$RANDOM
   

10. Copie la dirección URL de la salida del comando. Necesitará esta dirección para configurar el registro de la aplicación.

Configuración del registro de la aplicación

Ahora vamos a configurar el registro de la aplicación para autorizar la dirección URL del servicio web:

1. En Azure Portal , seleccione su nombre de usuario en la esquina superior derecha y, luego, Cambiar directorio . Elija el directorio Inquilino de AAD de módulo de aprendizaje que ha creado anteriormente. Si es necesario, inicie sesión.
2. En el panel izquierdo, seleccione Azure Active Directory .
3. En Administrar , seleccione Registros de aplicaciones . A continuación, seleccione el registro WebApp-OpenIDConnect-DotNet que ha creado en el ejercicio anterior.
4. Seleccione Autenticación .
5. Pegue la dirección URL de la salida de Cloud Shell de la sección anterior en el área URI de redireccionamiento y anexe el sufijo /signin-oidc. Asegúrese de que la dirección URL use HTTPS.
6. Elimine el URI de redireccionamiento https://localhost:5000/signin-oidc.
7. Pegue la misma dirección URL en el campo Dirección URL de cierre de sesión y anexe el sufijo /signout-oidc.
8. En Concesión implícita , seleccione Tokens de identificador .
9. Seleccione Guardar .

Prueba de la aplicación

1. Abra una nueva ventana del explorador y vaya a la URL base de la aplicación web.
2. Cuando se le solicite, inicie sesión. Se le autenticará en su inquilino de Azure AD. La aplicación web también solicita algunos permisos y se le pedirá su consentimiento.
3. Seleccione Aceptar . Aparecerá la aplicación web. La barra de título incluirá el nombre de usuario autenticado e indicará que ha iniciado sesión correctamente con la identidad en el directorio Inquilino de AAD del módulo de aprendizaje.

Ya ha creado el registro de aplicación y la propia aplicación web. Ha configurado ambos

objetos con la información que necesitan para buscarse entre ellos.

La aplicación web está configurada para autenticarse en Azure AD, por lo que puede usar ese directorio para administrar todas las cuentas de usuario que pueden tener acceso a la aplicación. Las mismas cuentas que conceden acceso a los usuarios a servicios como Microsoft 365 pueden usarse ahora para acceder a la aplicación. Los usuarios solo tienen que recordar un conjunto de credenciales para ambos sistemas. Los administradores tienen menos trabajo que hacer porque cada usuario dispone de una única cuenta.