Nota:
El acceso a esta página requiere autorización. Puede intentar iniciar sesión o cambiar directorios.
El acceso a esta página requiere autorización. Puede intentar cambiar los directorios.
La biblioteca MSAL para JavaScript permite a las aplicaciones JavaScript del lado cliente autenticar a los usuarios mediante cuentas profesionales y educativas de Microsoft Entra ID, cuentas personales de Microsoft (MSA) y proveedores de identidad social como Facebook, Google, LinkedIn, cuentas de Microsoft, etc., a través del servicio Azure AD B2C. También permite que la aplicación obtenga tokens para acceder a servicios de Microsoft Cloud, como Microsoft Graph.
El @azure/msal-browser paquete habilita la autenticación en aplicaciones de página única de JavaScript mediante el flujo de código de autorización de OAuth 2.0 con PKCE. No admite el flujo implícito. La versión actual es MSAL.js v5.x. Si usa una versión anterior, consulte las guías de migración para actualizar.
Prerequisites
@azure/msal-browserestá diseñado para usarse en escenarios de aplicaciones de una sola página.Antes de usar
@azure/msal-browser, deberá registrar una aplicación de página única en Microsoft Entra ID para obtener un valor válidoclientIdpara la configuración y registrar las rutas en las que la aplicación aceptará el tráfico de redireccionamiento.
Características clave
MSAL Browser proporciona las siguientes funcionalidades para las aplicaciones de página única:
- Inicia sesión de usuarios con ventanas emergentes o flujos de redirección
- Adquisición de tokens de forma silenciosa desde la caché o a través de la actualización
- Compatibilidad con flujos de ventanas emergentes de Cross-Origin-Opener-Policy (COOP)
- Autenticación del Protocolo de contexto de modelo (MCP)
- Tokens vinculados al dispositivo mediante el broker de plataforma (WAM)
- Caché de tokens cifrada con AES-GCM en localStorage
- tokens de prueba de posesión (PoP)
- Inicio de sesión único entre pestañas y aplicaciones
- Autenticación de aplicaciones anidadas (NAA) para aplicaciones de Microsoft 365
Installation
A través de NPM
npm install @azure/msal-browser
Samples
La msal-browser-samples carpeta contiene aplicaciones de ejemplo para nuestras bibliotecas.
Puede encontrar más instrucciones para ejecutar los ejemplos en el README.md archivo de la carpeta VanillaJSTestApp2.0.
Puede encontrar ejemplos más avanzados respaldados con un tutorial en el espacio ejemplos de Azure en GitHub:
- SPA de JavaScript que llama a la API web de Express.js
- SPA de JavaScript que llama a Microsoft Graph a través de una API web de Express.js mediante el flujo con derechos delegados
- Tutorial de implementación para Azure App Service y Azure Storage
Envolturas de framework
Si usa un marco como Angular o React, puede que le interese usar una de nuestras bibliotecas contenedoras: