Aplicativo de página única: configuração de código
Saiba como configurar o código para seu aplicativo de página única (SPA).
Bibliotecas da Microsoft que dão suporte a aplicativos de página única
As seguintes bibliotecas da Microsoft dão suporte a aplicativos de página única:
Idioma / estrutura | Projeto em GitHub |
Pacote | Introdução iniciado |
Conectar usuários | Acessar APIs da Web | Geralmente disponíveis (GA) ou Visualização pública1 |
---|---|---|---|---|---|---|
Angular | MSAL Angular v22 | msal-angular | Tutorial | GA | ||
Angular | MSAL Angular3 | msal-angular | — | GA | ||
AngularJS | MSAL AngularJS3 | msal-angularjs | — | Versão preliminar pública | ||
JavaScript | MSAL.js v22 | msal-browser | Tutorial | GA | ||
JavaScript | MSAL.js 1.03 | msal-core | — | GA | ||
React | MSAL React2 | msal-react | Tutorial | GA |
1Os Termos de Licença Universal para Serviços Online se aplicam a bibliotecas em Visualização Pública.
2Fluxo de código de autenticação somente com PKCE (Recomendado).
3Fluxo de concessão implícita apenas.
Configuração de código do aplicativo
Em uma biblioteca MSAL, as informações de registro de aplicativo são passadas como configuração durante a inicialização da 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 obter mais informações sobre as opções configuráveis, consulte inicializando aplicativo com MSAL.js.
Próximas etapas
Vá para o próximo artigo neste cenário, Entrar e sair.