Guia de início rápido: configurar o login para um aplicativo de página única (SPA) - Azure AD B2C

2025-05-04

Importante

A partir de 1º de maio de 2025, o Azure AD B2C não estará mais disponível para compra para novos clientes. Saiba mais nas nossas Perguntas Frequentes.

O Azure Ative Directory B2C (Azure AD B2C) fornece gerenciamento de identidade na nuvem para manter seu aplicativo, negócios e clientes protegidos. O Azure AD B2C permite que seus aplicativos se autentiquem em contas sociais e contas corporativas usando protocolos padrão abertos.

Neste início rápido, você usa um aplicativo de página única para entrar usando um provedor de identidade social e chamar uma API Web protegida pelo Azure AD B2C.

Pré-requisitos

Código do Visual Studio
Node.js
Conta social do Facebook, Google ou Microsoft
Exemplo de código do GitHub: ms-identity-b2c-javascript-spa:

Você pode baixar o arquivo zip ou clonar o repositório
```
git clone https://github.com/Azure-Samples/ms-identity-b2c-javascript-spa.git
```

Execute o aplicativo

Inicie o servidor executando os seguintes comandos no prompt de comando Node.js:
```
npm install
npm update
npm start
```
O servidor iniciado por server.js exibe a porta em que está escutando:
```
Listening on port 6420...
```
Navegue até o URL do aplicativo. Por exemplo, http://localhost:6420.

Selecione Entrar para iniciar a jornada do usuário.
O Azure AD B2C apresenta uma página de entrada para uma empresa fictícia chamada "Fabrikam" para o aplicativo Web de exemplo. Para se inscrever usando um provedor de identidade social, selecione o botão do provedor de identidade que você deseja usar.

Você autentica (faz login) usando suas credenciais de conta social e autoriza o aplicativo a ler informações de sua conta social. Ao conceder acesso, o aplicativo pode recuperar informações de perfil da conta social, como seu nome e cidade.
Conclua o processo de entrada para o provedor de identidade.