Kommentar
Åtkomst till den här sidan kräver auktorisering. Du kan prova att logga in eller ändra kataloger.
Åtkomst till den här sidan kräver auktorisering. Du kan prova att ändra kataloger.
MSAL-biblioteket för JavaScript gör det möjligt för JavaScript-program på klientsidan att autentisera användare med hjälp av Microsoft Entra ID arbets- och skolkonton, Microsoft personliga konton (MSA) och sociala identitetsprovidrar som Facebook, Google, LinkedIn, Microsoft konton osv. via Azure AD B2C-tjänst. Det gör också att din app kan hämta token för att få åtkomst till Microsoft Cloud tjänster som Microsoft Graph.
Paketet @azure/msal-browser möjliggör autentisering i JavaScript-ensidesprogram med hjälp av OAuth 2.0 Authorization Code Flow med PKCE. Det stöder inte det implicita flödet. Den aktuella versionen är MSAL.js v5.x. Om du använder en äldre version kan du läsa migreringsguiderna för att uppgradera.
Förutsättningar
@azure/msal-browserär avsett att användas i Single-Page Application-scenarier.Innan du använder
@azure/msal-browsermåste du registrera ett ensidesprogram i Microsoft Entra ID för att få en giltigclientIdkonfiguration och registrera de vägar som appen accepterar omdirigeringstrafik på.
Viktiga funktioner
MSAL Browser innehåller följande funktioner för dina ensidesprogram:
- Logga in användare med popup- eller omdirigeringsflöden
- Hämta token tyst från cacheminnet eller via uppdatering
- Stöd för popup-flöden med Cross-Origin-Opener-Policy (COOP)
- MCP-autentisering (Model Context Protocol)
- Enhetsbundna token via plattformsmäklare (WAM)
- Det AES-GCM-krypterade tokencachet i localStorage
- innehavsbevis-token (PoP)
- Enkel inloggning mellan flikar och program
- Kapslad appautentisering (NAA) för Microsoft 365 appar
Installation
Via NPM
npm install @azure/msal-browser
Samples
Mappenmsal-browser-samples innehåller exempelprogram för våra bibliotek.
Fler instruktioner för att köra exemplen README.md finns i filen i mappen VanillaJSTestApp2.0.
Mer avancerade exempel som backas upp med en självstudiekurs finns i Azure Exempel på GitHub:
- JavaScript-SPA som anropar Express.js-webb-API
- JavaScript SPA anropar Microsoft Graph via Express.js webb-API med hjälp av on-behalf-of-flödet
- Självstudie om distribution för Azure App Service och Azure Storage
Ramverksomslag
Om du använder ett ramverk som Angular eller React kanske du är intresserad av att använda något av våra omslutningsbibliotek: