Notitie
Voor toegang tot deze pagina is autorisatie vereist. U kunt proberen u aan te melden of de directory te wijzigen.
Voor toegang tot deze pagina is autorisatie vereist. U kunt proberen de mappen te wijzigen.
Met de MSAL-bibliotheek voor JavaScript kunnen JavaScript-toepassingen aan de clientzijde gebruikers verifiëren met behulp van Microsoft Entra ID werk- en schoolaccounts, Microsoft persoonlijke accounts (MSA) en sociale id-providers zoals Facebook, Google, LinkedIn, Microsoft accounts, enzovoort via Azure AD B2C-service. Hiermee kan uw app ook tokens verkrijgen voor toegang tot Microsoft Cloud services zoals Microsoft Graph.
Het @azure/msal-browser pakket maakt verificatie in JavaScript-toepassingen met één pagina mogelijk met behulp van de OAuth 2.0-autorisatiecodestroom met PKCE. Het ondersteunt de impliciete flow niet. De huidige versie is MSAL.js v5.x. Als u een oudere versie gebruikt, raadpleegt u de migratiehandleidingen om een upgrade uit te voeren.
Prerequisites
@azure/msal-browseris bedoeld voor gebruik in single-page-applicatiescenario's.Voordat u
@azure/msal-browsergebruikt, moet u een Single Page Application registreren in Microsoft Entra ID om een geldigeclientIdvoor de configuratie te verkrijgen en om de routes te registreren waarop uw app omleidingsverkeer kan accepteren.
Belangrijkste kenmerken
MSAL Browser biedt de volgende mogelijkheden voor uw toepassingen met één pagina:
- Gebruikers aanmelden met pop-up- of omleidingsstromen
- Tokens stil uit de cache ophalen of via verversing
- Ondersteuning voor pop-upprocessen met Cross-Origin-Opener-Policy (COOP)
- MCP-verificatie (Model Context Protocol)
- Apparaatgebonden tokens via Platform Broker (WAM)
- AES-GCM versleutelde tokencache in localStorage
- Proof of Possession (PoP)-tokens
- Eenmalige aanmelding op tabbladen en toepassingen
- Geneste app-verificatie (NAA) voor Microsoft 365 apps
Installatie
Via NPM
npm install @azure/msal-browser
Samples
De msal-browser-samples map bevat voorbeeldtoepassingen voor onze bibliotheken.
Meer instructies voor het uitvoeren van de voorbeelden vindt u in het README.md bestand van de map VanillaJSTestApp2.0.
Meer geavanceerde voorbeelden die worden ondersteund met een zelfstudie vindt u in de ruimte Azure Voorbeelden op GitHub:
- JavaScript-SPA die Express.js web-API aanroept
- JavaScript SPA die Microsoft Graph aanroept via Express.js web-API met behulp van on-behalf-of-flow
- Zelfstudie over implementatie voor Azure App Service en Azure Storage
Frameworkwrappers
Als u een framework zoals Angular of React gebruikt, bent u mogelijk geïnteresseerd in het gebruik van een van onze wrapperbibliotheken: