Observação
O acesso a essa página exige autorização. Você pode tentar entrar ou alterar diretórios.
O acesso a essa página exige autorização. Você pode tentar alterar os diretórios.
A biblioteca MSAL para JavaScript permite que aplicativos JavaScript do lado do cliente autentiquem usuários usando contas corporativas e de estudante do Microsoft Entra ID, contas pessoais da Microsoft (MSA) e provedores de identidade social, como Facebook, Google, LinkedIn e contas da Microsoft, etc., por meio do serviço Azure AD B2C. Ele também permite que seu aplicativo obtenha tokens para acessar Microsoft Cloud serviços como Microsoft Graph.
O pacote @azure/msal-browser permite a autenticação em aplicativos JavaScript de página única usando o fluxo de código de autorização do OAuth 2.0 com PKCE. Ele não dá suporte ao fluxo implícito. A versão atual é MSAL.js v5.x. Se você estiver usando uma versão mais antiga, consulte os guias de migração para atualizar.
Pré-requisitos
@azure/msal-browserdestina-se ao uso em cenários de aplicações de página única.Antes de usar
@azure/msal-browser, você precisará registrar um Aplicativo de Página Única no Microsoft Entra ID para obter umclientIdválido para a configuração e registrar as rotas para as quais seu aplicativo aceitará tráfego de redirecionamento.
Características principais
O MSAL Browser fornece os seguintes recursos para seus aplicativos de página única:
- Fazer login de usuários usando fluxos de pop-up ou redirecionamento
- Adquirir tokens silenciosamente do cache ou por meio da atualização
- Suporte para fluxos de pop-up com Cross-Origin-Opener-Policy (COOP)
- Autenticação do PROTOCOLO MCP (Model Context Protocol)
- Tokens vinculados ao dispositivo por meio do agente de plataforma (WAM)
- cache de token criptografado com AES-GCM no localStorage
- tokens de prova de posse (PoP)
- Logon único entre guias e aplicativos
- NAA (Autenticação de Aplicativo Aninhada) para aplicativos Microsoft 365
Installation
Via NPM
npm install @azure/msal-browser
Exemplos
A msal-browser-samples pasta contém aplicativos de exemplo para nossas bibliotecas.
Mais instruções para executar os exemplos podem ser encontradas no README.md arquivo da pasta VanillaJSTestApp2.0.
Exemplos mais avançados com base em um tutorial podem ser encontrados no espaço Azure Exemplos no GitHub:
- SPA JavaScript que chama a API Web do Express.js
- SPA em JavaScript chamando o Microsoft Graph via API Web em Express.js usando o fluxo On-Behalf-Of
- Tutorial de implantação para Serviço de Aplicativo do Azure e Armazenamento do Azure
Wrappers de estrutura
Se você estiver usando uma estrutura como Angular ou React, talvez esteja interessado em usar uma de nossas bibliotecas de wrapper:
- Angular:
@azure/msal-angular(atual: v5.1.1) - React:
@azure/msal-react(atual: v5.0.6)