Inicio rápido: Inicio de sesión de usuarios y llamada a Microsoft Graph en una aplicación de la Plataforma universal de Windows

  • Artículo

En este inicio rápido descargará y ejecutará un código de ejemplo que muestra cómo una aplicación de Plataforma universal de Windows puede realizar el inicio de sesión de usuarios y obtener un token de acceso para llamar a Microsoft Graph API.

Para ilustrar este tema, consulte el apartado en el que se explica el funcionamiento del ejemplo.

Requisitos previos

Registro y descarga de la aplicación de inicio rápido

Tiene dos opciones para comenzar con la aplicación de inicio rápido:

Opción 1: registrar y configurar de modo automático la aplicación y, a continuación, descargar el código de ejemplo

  1. Vaya a la experiencia de inicio rápido del Centro de administración de Microsoft Entra: Registros de aplicaciones.
  2. Escriba un nombre para la aplicación y seleccione Registrar.
  3. Siga las instrucciones para descargar y configurar automáticamente la nueva aplicación.

Opción 2: registrar y configurar manualmente la aplicación y el código de ejemplo

Paso 1: Registrar su aplicación

Sugerencia

Los pasos de este artículo pueden variar ligeramente en función del portal desde donde comienza.

Para registrar la aplicación y agregar la información de registro de la aplicación a la solución, siga estos pasos:

  1. Inicie sesión en el centro de administración de Microsoft Entra.
  2. Si tiene acceso a varios inquilinos, use el icono Configuración del menú superior para cambiar al inquilino en el que desea registrar la aplicación desde el menú Directorios y suscripciones.
  3. Vaya a Identity>Aplicaciones>Registros de aplicaciones, seleccione Nuevo registro.
  4. Escriba el Nombre de la aplicación, por ejemplo UWP-App-calling-MsGraph. Los usuarios de la aplicación pueden ver este nombre, el cual se puede cambiar más tarde.
  5. En Tipos de cuenta admitidos, seleccione Cuentas en cualquier directorio de organización y cuentas personales de Microsoft (por ejemplo, Skype, Xbox o Outlook.com) .
  6. Seleccione Registrar para crear la aplicación y anote el valor de Id. del cliente de aplicación, lo usará en un paso posterior.
  7. En Administrar, seleccione Autenticación.
  8. Selecciones Agregar una plataforma>Aplicaciones móviles y de escritorio.
  9. En URI de redirección, seleccione https://login.microsoftonline.com/common/oauth2/nativeclient.
  10. Seleccione Configurar.

Paso 2: Descarga del proyecto

Descargue la aplicación para UWP de ejemplo.

Sugerencia

Se recomienda extraer el archivo o clonar el repositorio en un directorio próximo a la raíz de la unidad para evitar los errores provocados por las limitaciones de longitud de la ruta de acceso en Windows.

Paso 3: Configuración del proyecto

  1. Extraiga el archivo .zip en una carpeta local cerca de la raíz de la unidad. Por ejemplo, en C:\Azure-Samples.

  2. Abra el proyecto en Visual Studio. Si se le solicita, instale la carga de trabajo de desarrollo de la Plataforma universal de Windows y los componentes del SDK.

  3. En MainPage.Xaml.cs, cambie el valor de la variable ClientId por el valor de Id. de aplicación (cliente) de la aplicación registrada anteriormente.

    private const string ClientId = "Enter_the_Application_Id_here";

    Puede encontrar el Identificador de aplicación (cliente) en el panel Información general de la aplicación en el centro de administración de Microsoft Entra (Identidad>Aplicaciones>Registros de aplicaciones>{Su registro de aplicaciones}).

  4. Cree y seleccione un certificado de prueba autofirmado para el paquete:

    1. En el Explorador de soluciones, haga doble clic en archivo Package.appxmanifest.
    2. Seleccione Empaquetado>Elegir certificado...>Crear...
    3. Escriba una contraseña y seleccione Aceptar. Se crea un certificado que se llama Native_UWP_V2_TemporaryKey.pfx.
    4. Seleccione Aceptar para descartar el cuadro de diálogo Elegir un certificado y compruebe que ve Native_UWP_V2_TemporaryKey.pfx en el Explorador de soluciones.
    5. En el Explorador de soluciones, haga clic con el botón derecho en el proyecto Native_UWP_V2 y seleccione Propiedades.
    6. Seleccione Signing (Firma) y el archivo .pfx creado en el menú desplegable Elija un archivo de nombre de clave seguro.

Paso 4: Ejecución de la aplicación

Para ejecutar la aplicación de ejemplo en la máquina local:

  1. En la barra de herramientas de Visual Studio, elija la plataforma correcta (probablemente x64 o x86, no ARM). El dispositivo de destino debería cambiar de Dispositivoa Máquina local.

  2. Seleccione Depurar>Iniciar sin depurar.

    Si se le pide, es posible que deba habilitar Developer Mode (Modo de desarrollador) antes de habilitar Iniciar sin depurar de nuevo para iniciar la aplicación.

Cuando aparezca la ventana de la aplicación, podrá seleccionar el botón Call Microsoft Graph API (Llamar a Microsoft Graph API), escribir sus credenciales y dar su consentimiento a los permisos solicitados por la aplicación. Si esto se realiza correctamente, la aplicación muestra algunos datos del token y otros obtenidos de la llamada a Microsoft Graph API.

Funcionamiento del ejemplo

Diagram showing how the sample app generated by this quickstart works.

MSAL.NET

MSAL (Microsoft.Identity.Client) es la biblioteca utilizada para iniciar sesión con usuarios y solicitar tokens de seguridad. Los tokens de seguridad se utilizan para acceder a una API protegida por la plataforma de identidad de Microsoft. Puede instalar MSAL mediante la ejecución del siguiente comando en la Consola del Administrador de paquetes de Visual Studio:

Install-Package Microsoft.Identity.Client

Inicialización de MSAL

Puede agregar la referencia de MSAL con el código siguiente:

using Microsoft.Identity.Client;

A continuación, se inicializa MSAL con el código siguiente:

public static IPublicClientApplication PublicClientApp;
PublicClientApp = PublicClientApplicationBuilder.Create(ClientId)
                                                .WithRedirectUri("https://login.microsoftonline.com/common/oauth2/nativeclient")
                                                    .Build();

El valor ClientId es el Identificador de aplicación (cliente) de la aplicación que registró en el centro de administración de Microsoft Entra. Puede encontrar este valor en la página Información general de la aplicación en el centro de administración de Microsoft Entra.

Solicitud de tokens

MSAL tiene dos métodos para adquirir tokens en una aplicación de UWP: AcquireTokenInteractive y AcquireTokenSilent.

Obtención de un token de usuario interactivamente

En algunas situaciones, es necesario forzar a los usuarios a interactuar con la Plataforma de identidad de Microsoft mediante una ventana emergente para validar sus credenciales o dar su consentimiento. Estos son algunos ejemplos:

  • La primera vez que los usuarios inician sesión en la aplicación
  • Cuando los usuarios deben volver a escribir sus credenciales porque la contraseña expiró
  • Cuando la aplicación solicita acceso a un recurso para el cual el usuario necesita dar su consentimiento
  • Cuando se requiere la autenticación en dos fases
authResult = await PublicClientApp.AcquireTokenInteractive(scopes)
                      .ExecuteAsync();

El parámetro scopes contiene los ámbitos que se solicitan, como { "user.read" } para Microsoft Graph o { "api://<Application ID>/access_as_user" } para las API web personalizadas.

Obtención de un token de usuario en silencio

Use el método AcquireTokenSilent para obtener tokens que permiten obtener acceso a recursos protegidos después del método AcquireTokenInteractive inicial. No es recomendable pedirle al usuario que valide sus credenciales cada vez que necesite obtener acceso a un recurso. La mayor parte del tiempo, se espera que la renovación y adquisición de tokens se produzca sin ninguna interacción por parte del usuario.

var accounts = await PublicClientApp.GetAccountsAsync();
var firstAccount = accounts.FirstOrDefault();
authResult = await PublicClientApp.AcquireTokenSilent(scopes, firstAccount)
                                      .ExecuteAsync();
  • scopes contiene los ámbitos que se solicitan, como { "user.read" } para Microsoft Graph o { "api://<Application ID>/access_as_user" } para las API web personalizadas.
  • firstAccount especifica la primera cuenta de usuario en la memoria caché (MSAL admite varios usuarios en una sola aplicación).

Ayuda y soporte técnico

Si necesita ayuda, desea informar de un problema o desea obtener información sobre las opciones de soporte técnico, consulte Opciones de ayuda y soporte técnico para desarrolladores.

Pasos siguientes

Visite el tutorial de escritorio de Windows para acceder a una guía completa paso a paso sobre la creación de aplicaciones y nuevas características, que incluye una explicación completa de esta guía de inicio rápido.

UWP: Tutorial de Graph API de llamada