Início rápido: configurar a entrada para um aplicativo de página única usando o Azure Active Directory B2C

O Azure AD B2C (Azure Active Directory B2C) fornece gerenciamento de identidades de nuvem para manter seu aplicativo, sua empresa e seus clientes protegidos. O Azure AD B2C permite que seus aplicativos se autentiquem com contas sociais e corporativas usando protocolos padrão.

Neste início rápido, você usa um aplicativo de página única para se conectar usando um provedor de identidade de redes sociais e chama uma API Web do Azure AD B2C protegida.

Pré-requisitos

• Visual Studio Code

• Node.js

• Uma conta social do Facebook, do Google ou da Microsoft

• Exemplo de código do GitHub: ms-identity-b2c-javascript-spa:

  É possível baixar os arquivos .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 do Node.js:

   npm install
   npm update
   npm start
   

   O servidor iniciado pelo server.js exibe a porta em que está escutando:

   Listening on port 6420...
   

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

Iniciar sessão 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 inscrever-se usando um provedor de identidade social, selecione o botão do provedor de identidade que você deseja usar.

   

   Você se autentica (entra) usando as credenciais de sua conta social e autoriza o aplicativo a ler as informações da sua conta social. Ao conceder o acesso, o aplicativo poderá recuperar informações de perfil da conta social, tais como seu nome e cidade.

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

Acessar um recurso de API protegido

Selecione Chamar API para que seu nome de exibição seja retornado da API Web como um objeto JSON.

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

Próximas etapas

• Começar a criar seu próprio locatário do Azure Active Directory B2C no portal do Azure