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

Por

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

Post a Comment

Popular posts from this blog

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

Por
Image
Hello world! Now I come with a guide on how to perform geospatial queries in Azure Redis Cache using Redis for Node.js. To create our environment, we will perform the following steps: Create Redis server in Azure Create API App in App Services Create Node.js Web API in Visual Studio Publish Node.js API in Azure App Services Test API with Rest Client Download code here: Https://github.com/Kodran/Redis-Geospatial-WebAPI Pre requirements Azure subscription, you can get a free trial here Visual Studio 2013+ Node.js and npm Node.js Visual Studio Tools Https://www.visualstudio.com/en/vs/node-js/ Node.js Redis Client Npm install redis Create Redis server in Azure Enter to the Azure portal and look for: "Redis Cache", then add a Redis server and capture the data of the new server: For demonstration reasons, we will choose a standard server, remember that if we want to configure a Redis cluster or make more advanced configurations, we need...
Read more

Ejecutar pruebas de volumen con Visual Studio y Team Service

Por
Image
Pre-requisitos Visual Studio 2015 Enterprise, si no tienes Enterprise, obtenerlo aquí . Para correr mas de 250 usuarios en la prueba de volumen es necesario una licencia de Visual Studio Cuenta de Team Services En este tutorial veremos como ejecutar pruebas de volumen en la infraestructura de Team Services. Crar proyecto de tipo Web Performance and Load Test En Visual Studio damos  clic en "Create new proyect" y elegimos: Templates > Visual C# > Test > Web Performance and Load Test Project Crear Web Test Ya que creamos el proyecto, veremos los siguientes archivos: Hacemos clic en nuestro .webtest para grabar nuestras primeras pruebas. Nota: Debemos de tener instalado el "add-on" de recording en Internet Explorer, cuando instalas Visual Studio, él mismo te agrega el add-on. Vamos a dar clic en "add recording" y automáticamente Visual Studio va abrir el navegador. Todo lo que hagamos en el navegador va a ser grabado y luego Visual Studio...
Read more

Configurar y desplegar una Web API en Azure App Service Environment

Por
Image
App Service Environment es un servicio premium de Azure App Service que proporciona un entorno completamente aislado y dedicado para ejecutar de forma segura aplicaciones de Azure App Service a gran escala. Cuando creamos un ambiente de App Service Environment, creamos automáticamente una red virtual “VNET” y una Subnet. App Service Environment crea y configura su infraestructura dentro de una Subnet. Los componentes que se crean en App Service Environment son: Front End pool (dos instancias, esto es para cumplir con los requerimientos para la SLA) Tres Worker Pool (Worker Pool 1,2,3) Una VNET Una Subnet Se crea un almacenamiento compartido por las aplicaciones en ASE de 500GB Una base de datos donde se almacena detalle de aplicaciones y configuraciones de entorno. Pre Requisitos: Cuenta de Azure Visual Studio 2013+ Crear App Service Environment en Azure Ingresamos al portal de Azure https://portal.azure.com y luego vamos a Marketplace y buscamos por “App Service...
Read more

Despliegue de contenedores Docker a Azure Web Apps

Por
Image
En esta publicación veremos como realizar un despliegue de una contenedor de Docker al nuevo servicio de Azure llamado: Azure Web Apps on Linux Veremos también como crear un contenedor de Docker con Visual Studio y almacenaremos una aplicación de .NET Core en el contenedor. Pre-requisitos Tener una suscripción de Azure si no tienes una, puedes obtener un free trial Visual Studio 2015 Update 3, obtenerlo aquí . Docker for Windows Visual Studio Tools for Docker Microsoft .NET Core 1.0.1 RTM VS 2015 Tooling Preview 2, with the 1.0.1 updates Crear proyecto .NET Core Para crear una aplicación de .NET Core y luego almacenarla en un contenedor de Docker, podemos revisar mi publicación: Como crear una aplicación .NET Core y almacenarla en un contenedor de Docker usando Visual Studio Seguir los pasos de esa publicación para luego hacer un despliegue de nuestro contenedor a Azure Web Apps on Linux. App Services Web Apps en Linux + Docker Hace pocas semanas...
Read more

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

Por
Image
En un sistema distribuido, los fallos sucederán. El hardware puede fallar. La red puede tener fallas ocasionales. Rara vez, un servicio o región entera puede experimentar una interrupción, incluso en interrupciones programadas. La creación de una aplicación confiable en la nube es diferente de la construcción de una aplicación confiable en una configuración empresarial. Mientras que históricamente puede haber comprado hardware de gama alta para hacer escalamiento vertical (scale up) , en un entorno de nube debe escalar de manera horizontal (scale out) en lugar de escalar verticalmente (scale up) . Los costos de los entornos en la nube se mantienen bajos a través del uso de hardware de productos básicos. En lugar de centrarse en prevenir los fallos y optimizar el "tiempo medio entre fallos" , en este nuevo entorno el enfoque cambia a "tiempo medio para restaurar" . El objetivo es minimizar el efecto de un fallo. ¿Que es resiliencia? Resiliencia es la capacidad d...
Read more