Compartir vía


Aplicación de página única: Configuración del código

Obtenga información sobre cómo configurar el código de la aplicación de página única (SPA).

Bibliotecas de Microsoft que admiten aplicaciones de una sola página

Las siguientes bibliotecas de Microsoft admiten aplicaciones de una sola página:

Lenguaje/marco de trabajo Proyecto en
GitHub
Paquete Introducción
iniciado
Inicio de sesión de usuarios Acceso a API web Disponible con carácter general (GA) o
Versión preliminar pública1
Angular MSAL Angular v22 msal-angular Guía de inicio rápido La biblioteca puede solicitar tokens de id. para el inicio de sesión de usuario. La biblioteca puede solicitar tokens de acceso para las API web protegidas. GA
Angular MSAL Angular3 msal-angular La biblioteca puede solicitar tokens de id. para el inicio de sesión de usuario. La biblioteca puede solicitar tokens de acceso para las API web protegidas. GA
AngularJS MSAL AngularJS3 msal-angularjs La biblioteca puede solicitar tokens de id. para el inicio de sesión de usuario. La biblioteca puede solicitar tokens de acceso para las API web protegidas. Versión preliminar pública
JavaScript MSAL.js v22 msal-browser Tutorial La biblioteca puede solicitar tokens de id. para el inicio de sesión de usuario. La biblioteca puede solicitar tokens de acceso para las API web protegidas. GA
JavaScript MSAL.js 1.03 msal-core La biblioteca puede solicitar tokens de id. para el inicio de sesión de usuario. La biblioteca puede solicitar tokens de acceso para las API web protegidas. GA
React MSAL React2 msal-react Guía de inicio rápido La biblioteca puede solicitar tokens de id. para el inicio de sesión de usuario. La biblioteca puede solicitar tokens de acceso para las API web protegidas. GA

1 Términos de licencia universal de Online Services se aplican a las bibliotecas de versión preliminar pública.

2 Flujo de código de autenticación solo con PKCE (recomendado).

3 Solo flujo de subvención implícito (No recomendado).

Configuración del código de la aplicación

En una biblioteca MSAL, la información de registro de aplicación se pasa como una configuración durante la inicialización de la biblioteca.

import * as Msal from "@azure/msal-browser"; // if using CDN, 'Msal' will be available in global scope

// Configuration object constructed.
const config = {
    auth: {
        clientId: 'your_client_id'
    }
};

// create PublicClientApplication instance
const publicClientApplication = new Msal.PublicClientApplication(config);

Para más información sobre las opciones configurables, consulte Inicialización de aplicaciones con MSAL.js.

Pasos siguientes

Avance al siguiente artículo de este escenario, Inicio y cierre de sesión.