Configurar a inscrição e o início de sessão com uma conta do Facebook - Azure AD B2C

Artigo
11/08/2023

Antes de começar, use o seletor Escolha um tipo de política para escolher o tipo de política que você está configurando. O Azure Ative Directory B2C oferece dois métodos para definir como os usuários interagem com seus aplicativos: por meio de fluxos de usuário predefinidos ou por meio de políticas personalizadas totalmente configuráveis. As etapas exigidas neste artigo são diferentes para cada método.

Nota

No Azure Ative Directory B2C, as políticas personalizadas são projetadas principalmente para lidar com cenários complexos. Para a maioria dos cenários, recomendamos que você use fluxos de usuário internos. Se você não tiver feito isso, saiba mais sobre o pacote inicial de políticas personalizadas em Introdução às políticas personalizadas no Ative Directory B2C.

Pré-requisitos

Crie um fluxo de usuários para que os usuários possam se inscrever e entrar em seu aplicativo.
Registe uma aplicação Web.

Conclua as etapas em Introdução às políticas personalizadas no Ative Directory B2C
Registe uma aplicação Web.

Criar uma aplicação Facebook

Para habilitar o logon para usuários com uma conta do Facebook no Azure Ative Directory B2C (Azure AD B2C), você precisa criar um aplicativo no Painel de Aplicativo do Facebook. Para obter mais informações, consulte Desenvolvimento de aplicativos.

Se ainda não tiveres uma conta no Facebook, regista-te em https://www.facebook.com. Depois de te registares ou iniciares sessão com a tua conta do Facebook, inicia o processo de registo da conta de programador do Facebook. Para obter mais informações, consulte Registrar-se como desenvolvedor do Facebook.

Inicie sessão no Facebook para programadores com as credenciais da sua conta de programador do Facebook.
Selecione Criar Aplicação.
Para Selecione um tipo de aplicativo, selecione Consumidor e, em seguida, selecione Avançar.
Introduza um Nome de Apresentação da Aplicação e um E-mail de Contacto da Aplicação válido.
Selecione Criar Aplicação. Este passo pode exigir que aceite as políticas da plataforma Facebook e preencha uma verificação de segurança online.
Selecione Definições>Básico.
1. Copie o valor da ID do aplicativo.
2. Selecione Mostrar e copie o valor de App Secret. Você usa ambos para configurar o Facebook como um provedor de identidade em seu locatário. O App Secret é uma credencial de segurança importante.
3. Insira um URL para o URL da Política de Privacidade, por exemplo https://www.contoso.com/privacy. O URL da política é uma página que você mantém para fornecer informações de privacidade para seu aplicativo.
4. Insira um URL para o URL dos Termos de Serviço, por exemplo https://www.contoso.com/tos. O URL da política é uma página que você mantém para fornecer termos e condições para sua inscrição.
5. Insira uma URL para a Exclusão de Dados do Usuário, por exemplohttps://www.contoso.com/delete_my_data. O URL de Eliminação de Dados do Utilizador é uma página que mantém para fornecer aos utilizadores que solicitem que os seus dados sejam eliminados.
6. Escolha uma Categoria, por exemplo Business and Pages. Esse valor é exigido pelo Facebook, mas não usado para o Azure AD B2C.
Na parte inferior da página, selecione Adicionar plataforma e, em seguida, selecione Website.
Em URL do site, digite o endereço do seu site, por exemplo https://contoso.com.
Selecione Guardar Alterações.
No menu, selecione o sinal de adição ou o link Adicionar produto ao lado de PRODUTOS. Em Adicionar produtos ao seu aplicativo, selecione Configurar em Login do Facebook.
No menu, selecione Login do Facebook, selecione Configurações.
Em URIs de redirecionamento OAuth válidos, digite https://your-tenant-name.b2clogin.com/your-tenant-id.onmicrosoft.com/oauth2/authresp. Se utilizar um domínio personalizado, introduza https://your-domain-name/your-tenant-id.onmicrosoft.com/oauth2/authresp. Substitua your-tenant-id pela id do locatário e your-domain-name pelo domínio personalizado.
Selecione Guardar alterações no canto inferior direito da página.
Para disponibilizar seu aplicativo do Facebook para o Azure AD B2C, selecione o seletor Status no canto superior direito da página e ative-o para tornar o Aplicativo público e, em seguida, selecione Modo de Alternância. Neste ponto, o Status deve mudar de Desenvolvimento para Viver. Para obter mais informações, consulte Desenvolvimento de aplicativos do Facebook.

Configurar o Facebook como um provedor de identidade

Inicie sessão no portal do Azure como administrador global do inquilino do Azure AD B2C.
Se você tiver acesso a vários locatários, selecione o ícone Configurações no menu superior para alternar para seu locatário do Azure AD B2C no menu Diretórios + assinaturas .
Escolha Todos os serviços no canto superior esquerdo do portal do Azure, procure e selecione Azure AD B2C.
Selecione Provedores de identidade e, em seguida, selecione Facebook.
Insira um Nome. Por exemplo, o Facebook.
Para a ID do cliente, insira a ID do aplicativo do Facebook que você criou anteriormente.
Para o segredo do cliente, insira o segredo do aplicativo que você gravou.
Selecione Guardar.

Adicionar provedor de identidade do Facebook a um fluxo de usuário

Neste momento, o provedor de identidade do Facebook foi configurado, mas ainda não está disponível em nenhuma das páginas de login. Para adicionar o provedor de identidade do Facebook a um fluxo de usuários:

Em seu locatário do Azure AD B2C, selecione Fluxos de usuário.
Clique no fluxo de usuário que você deseja adicionar ao provedor de identidade do Facebook.
Em Provedores de identidade social, selecione Facebook.
Selecione Guardar.
Para testar sua política, selecione Executar fluxo de usuário.
Em Application, selecione o aplicativo Web chamado testapp1 que você registrou anteriormente. O URL de resposta deve mostrar https://jwt.ms.
Selecione o botão Executar fluxo de usuário.
Na página de inscrição ou login, selecione Facebook para entrar com a conta do Facebook .

Se o processo de entrada for bem-sucedido, seu navegador será redirecionado para https://jwt.ms, que exibe o conteúdo do token retornado pelo Azure AD B2C.

Criar uma chave de política

Você precisa armazenar o Segredo do Aplicativo que você registrou anteriormente em seu locatário do Azure AD B2C.

Inicie sessão no portal do Azure.
Se você tiver acesso a vários locatários, selecione o ícone Configurações no menu superior para alternar para seu locatário do Azure AD B2C no menu Diretórios + assinaturas .
Escolha Todos os serviços no canto superior esquerdo do portal do Azure e, em seguida, procure e selecione Azure AD B2C.
Na página Visão geral, selecione Identity Experience Framework.
Selecione Chaves de política e, em seguida, selecione Adicionar.
Em Opções, escolha Manual.
Insira um Nome para a chave de política. Por exemplo, FacebookSecret. O prefixo B2C_1A_ é adicionado automaticamente ao nome da sua chave.
Em Segredo, introduza o Segredo da Aplicação que registou anteriormente.
Para Uso da chave, selecione Signature.
Clique em Criar.

Configurar uma conta do Facebook como um provedor de identidade

SocialAndLocalAccounts/TrustFrameworkExtensions.xml No arquivo, substitua o valor de pelo ID do client_id aplicativo do Facebook:

<TechnicalProfile Id="Facebook-OAUTH">
  <Metadata>
  <!--Replace the value of client_id in this technical profile with the Facebook app ID"-->
    <Item Key="client_id">00000000000000</Item>

Carregue e teste a política

Atualize o arquivo de terceira parte confiável (RP) que inicia a jornada do usuário que você criou.

Carregue o arquivo TrustFrameworkExtensions.xml para seu locatário.
Em Políticas personalizadas, selecione B2C_1A_signup_signin.
Em Select Application, selecione o aplicativo Web chamado testapp1 que você registrou anteriormente. O URL de resposta deve mostrar https://jwt.ms.
Selecione o botão Executar agora .
Na página de inscrição ou login, selecione Facebook para entrar com a conta do Facebook .