Federar autenticación en aplicación web con Azure Active Directory

Hola chicos y chicas!

Ahora vengo con una guía de como autenticarnos con Azure Active Directory de la manera mas fácil que podemos hacerlo. El flujo que seguiremos será:

  1. Crear aplicación web
  2. Autenticarnos con Azure para conectar la nueva aplicación a AAD
  3. Probar la autenticación con una cuenta de Microsoft

Pre-Requisitos

Crear aplicación web

Crear nuevo proyecto web en Visual Studio y luego cambiamos la autenticación en el botón “Change Authentication”:

1

2

Ahora vamos a elegir las opciones:

1. Work And School Accounts (cuentas de office 365, live, on-promise, AAD, AD)

2. Cloud – Single Organization

3. Domain (es el tenant que tengas configurado en Azure)

4. Read directory data

3

Una vez que configuremos la autenticación, damos clic en “Ok” para completar el proceso de creación de la app. Esto va a crear todos los archivos y configuraciones necesarias para hacer la autenticación con Azure Active Directory. También se va a crear nuestra aplicación en AAD  automáticamente.

5

Azure Active Directory

6

14

Probar aplicación web

Corremos nuestra aplicación en modo debug, y lo primero que nos va a pedir nuestra app, es que ingresemos credenciales en AAD ya que en nuestro controller está definido que se necesita estar autenticado para acceder a la app.

15

7

Damos clic en aceptar e ingresamos credenciales (en caso de no estar autenticado con anterioridad en el navegador)

Después Active Directory nos va a re-direccionar a nuestra aplicación ya autenticados.

8

Ahora hacemos “Sign Out” e intentaremos ingresar a la página de “About” para ver que pasa.

9

10

Al dar clic en “About” nos pide que nos autentiquemos, ya que en nuestro controller esta especificado que necesitamos estar autenticados.

1511

12

Ahora que ya nos autenticamos, podemos acceder a nuestra página “About”

13

Con estos sencillos pasos hemos federado nuestra aplicación web con Azure Active Directory! Felicidades!

Siguientes pasos:

  • Role-Based Access Control (RBAC) con Azure Active Directory

 

Saludos!

Comments

Popular posts from this blog

Configurar y desplegar una Web API en Azure App Service Environment

Patrones de diseño para aplicaciones de alta disponibilidad en Azure - Resilient Applications (Parte I: Retry Policy)

Despliegue de contenedores Docker a Azure Container Services usando Visual Studio y .NET Core

Conectar .NET Web API con Azure API Management

Geospatial queries in Azure Redis Cache using Node.js Azure API App