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!

Popular posts from this blog

How to implement OAuth 2.0 server with Redis

Integrar Web API de .NET en proyecto de Xamarin.Forms utilizando Visual Studio y Azure API App

Como crear una aplicación .NET Core y almacenarla en un contenedor de Docker usando Visual Studio

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

Configurar y desplegar una Web API en Azure App Service Environment