Início Rápido: configurar a entrada em um aplicativo da área de trabalho usando o Azure Active Directory B2C

  • Artigo

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ê pode usar um aplicativo de área de trabalho WPF (Windows Presentation Foundation) para iniciar sessão usando um provedor de identidade de redes sociais e chamar uma API Web do Azure AD B2C protegida.

Caso você não tenha uma assinatura do Azure, crie uma conta gratuita do Azure antes de começar.

Pré-requisitos

Executar o aplicativo no Visual Studio

  1. Na pasta de projeto do aplicativo de exemplo, abra a solução active-directory-b2c-wpf.sln no Visual Studio.
  2. Restaure os pacotes NuGet.
  3. Pressione F5 para depurar o aplicativo.

Iniciar sessão usando sua conta

  1. Selecione Entrar para iniciar o fluxo de trabalho Criar conta ou entrar.

    Screenshot of the sample WPF application

    O exemplo é compatível com várias opções de inscrição. Essas opções incluem usar um provedor de identidade social ou criar uma conta local usando um endereço de email. Para este guia de início rápido, use uma conta de provedor de identidade social do Facebook, do Google ou da Microsoft.

  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.

    Sign In or Sign Up page showing identity providers

    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.

    Os detalhes do perfil da sua nova conta são populados previamente com as informações da sua conta social.

Editar o perfil

O Azure AD B2C fornece funcionalidade para permitir que usuários atualizem seus perfis. O aplicativo Web de exemplo usa um fluxo de usuário de perfil de edição do Azure AD B2C no fluxo de trabalho.

  1. Na barra de menus do aplicativo, selecione Editar perfil para editar o perfil que você criou.

    Edit profile button highlighted in WPF sample app

  2. Escolha o provedor de identidade associado à conta que você criou. Por exemplo, se você tiver usado o Facebook como o provedor de identidade quando criou a conta, escolha o Facebook para modificar os detalhes do perfil associado.

  3. Altere seu Nome de exibição ou Cidade e selecione Continuar.

    Um novo token de acesso é exibido na caixa de texto Informações de token. Se você quiser verificar as alterações no seu perfil, copie e cole o token de acesso no decodificador de token https://jwt.ms.

Acessar um recurso de API protegido

Selecione Chamada à API para fazer uma solicitação para o recurso protegido.

Call API

O aplicativo inclui o token de acesso do Microsoft Entra na solicitação do recurso da API Web protegida. A API Web retorna o nome de exibição contido no token de acesso.

Você usou com êxito sua conta de usuário do Azure AD B2C para fazer uma chamada autorizada a uma API Web protegida pelo Azure AD B2C.

Limpar recursos

Você pode usar o locatário do Azure AD B2C se planeja experimentar outros tutoriais ou inícios rápidos do Azure AD B2C. Quando não for mais necessário, você poderá excluir o locatário do Azure AD B2C.

Próximas etapas

Neste início rápido, você usou um aplicativo de área de trabalho de exemplo para:

  • Entrar com uma página de entrada personalizada
  • Entrar com um provedor de identidade social
  • Criar uma conta do Azure AD B2C
  • Chamar uma API Web protegida pelo Azure AD B2C

Introdução à criação de seu próprio locatário do Azure AD B2C.

Criar um locatário do Azure Active Directory B2C no Portal do Azure