Configure a sua aplicação App Service ou Azure Functions para usar o login do Facebook

Este artigo mostra como configurar o Serviço de Aplicativo do Azure ou o Azure Functions para usar o Facebook como um provedor de autenticação.

Para concluir o procedimento neste artigo, você precisa de uma conta do Facebook que tenha um endereço de e-mail verificado e um número de telefone celular. Para criar uma nova conta no Facebook, aceda a facebook.com.

Registe a sua candidatura com o Facebook

Para registar a sua candidatura no Facebook:

  1. Vá ao site dos Desenvolvedores do Facebook e inicie sessão com as credenciais da sua conta do Facebook.

    Se não tiveres uma conta do Facebook para Programadores, selecionas Introdução e segue os passos de registo.

  2. Na página As Minhas Aplicações , selecione Criar Aplicação.

  3. Na janela resultante, selecione novamente Criar aplicação .

  4. No nome da aplicação, introduza um nome único para a sua aplicação e depois selecione Próximo.

  5. No separador de Casos de Uso , selecione Autenticar e solicite dados aos utilizadores com login do Facebook, e depois selecione Próximo.

  6. No separador Negócios , selecione Não quero ligar-me ainda a um portefólio empresarial, ou criar ou selecionar um portefólio, e depois selecione Próximo.

  7. No separador Requisitos, selecione Seguinte.

  8. No separador Visão Geral , selecione Criar aplicação.

  9. Insira a palavra-passe da conta do Facebook.

    O painel do desenvolvedor do seu novo aplicativo do Facebook é aberto.

  10. Selecione a seta ao lado de Personalização da aplicação e requisitos.

  11. No painel esquerdo, em Login do Facebook, selecione Definições.

  12. Nas URIs de redirecionamento OAuth válidas, insira https://<app-name>.azurewebsites.net/.auth/login/facebook/callback. Substitua <app-name> pelo nome do seu App Service ou da sua aplicação de Funções.

  13. Selecione Guardar alterações.

  14. No painel esquerdo, selecione Definições> daaplicação Básico.

  15. Em App Secret, selecione Mostrar. Copie os valores de ID do aplicativo e Segredo do aplicativo. Depois usas-nos para configurar a tua aplicação de Serviços de Aplicações ou Funções no Azure.

    Importante

    O segredo do aplicativo é uma credencial de segurança importante. Não compartilhe esse segredo com ninguém nem o distribua em um aplicativo cliente.

  16. A conta do Facebook que você usou para registrar o aplicativo é um administrador do aplicativo. Neste ponto, apenas os administradores podem entrar neste aplicativo.

    Para autenticar outras contas do Facebook, é necessário publicar a aplicação.

Adicionar informações do Facebook à sua aplicação

Em seguida, adicione informações do Facebook ao seu aplicativo:

  1. Entre no portal do Azure e vá para seu aplicativo.

  2. No painel esquerdo, em Definições, selecione Autenticação. Selecione Adicionar provedor de identidade.

  3. Selecione o Facebook na lista de fornecedores de identidade. Cole o ID da aplicação e os valores secretos que obteve anteriormente.

    O segredo é armazenado como uma configuração de aplicação com slot-sticky chamada FACEBOOK_PROVIDER_AUTHENTICATION_SECRET. Podes atualizar essa definição mais tarde para usar referências do Key Vault se quiseres gerir o segredo no Azure Key Vault.

  4. Se este fornecedor de identidade for o primeiro a ser configurado para a aplicação, ser-lhe-á também apresentada uma secção de definições de autenticação do Serviço de Aplicações. Caso contrário, pode passar ao passo seguinte.

    Essas opções determinam como seu aplicativo responde a solicitações não autenticadas. As seleções padrão redirecionam todas as solicitações para entrar com esse novo provedor. Pode alterar este comportamento agora ou ajustar estas definições mais tarde a partir do ecrã principal de Autenticação , selecionando Editar ao lado de Definições de Autenticação. Para saber mais sobre essas opções, consulte Fluxo de autenticação.

  5. (Opcional) Selecione Next: Âmbitos e adicione quaisquer âmbitos necessários pela aplicação. Estes escopos serão solicitados no momento de início de sessão para fluxos baseados em navegador.

  6. Selecione Adicionar.

Agora você está pronto para usar o Facebook para autenticação em seu aplicativo. O provedor está listado na tela Autenticação . A partir daí, pode editar ou eliminar a configuração do fornecedor.