Introdução Rápida: Configurar o login para uma aplicação de página única usando o Azure Active Directory B2C

O Azure AD B2C (Azure Active Directory 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ê usará um aplicativo de página única para entrar usando um provedor de identidade social e chamar uma API Web protegida do 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
  

Executar o aplicativo

1. Inicie o servidor executando os seguintes comandos no prompt de comando Node.js:

   npm install
   npm update
   npm start
   

   O servidor iniciado pelo server.js exibe a porta na qual está ouvindo:

   Listening on port 6420...
   

2. Navegue até a URL do aplicativo. Por exemplo, http://localhost:6420.

Entre usando sua conta

1. Selecione Entrar para iniciar o percurso do usuário.

2. 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 (entra) 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.

3. Conclua o processo de entrada para o provedor de identidade.

Acessar um recurso de API protegido

Selecione API de Chamada para ter seu nome de exibição retornado da API Web como um objeto JSON.

O aplicativo de página única de exemplo inclui um token de acesso na solicitação para o recurso de API Web protegido.

Próximas etapas

• Comece criando seu próprio locatário do Azure Active Directory B2C no portal do Azure