Configure o seu Serviço de Aplicações ou app Azure Functions para usar o login do FacebookConfigure your App Service or Azure Functions app to use Facebook login

Este artigo mostra como configurar o Azure App Service ou Azure Functions para usar o Facebook como fornecedor de autenticação.This article shows how to configure Azure App Service or Azure Functions to use Facebook as an authentication provider.

Para completar o procedimento neste artigo, precisa de uma conta no Facebook que tenha um endereço de e-mail verificado e um número de telemóvel.To complete the procedure in this article, you need a Facebook account that has a verified email address and a mobile phone number. Para criar uma nova conta no Facebook, vá a facebook.com.To create a new Facebook account, go to facebook.com.

Registe a sua candidatura no Facebook Register your application with Facebook

  1. Vá ao site do Facebook Developers e inscreva-se com as credenciais da sua conta do Facebook.Go to the Facebook Developers website and sign in with your Facebook account credentials.

    Se não tiver uma conta no Facebook para desenvolvedores, selecione Get Started e siga as etapas de registo.If you don't have a Facebook for Developers account, select Get Started and follow the registration steps.

  2. Selecione as minhas > aplicações Adicionar nova aplicação.Select My Apps > Add New App.

  3. No campo Display Name:In Display Name field:

    1. Digite um nome único para a sua aplicação.Type a unique name for your app.
    2. Forneça o seu Email de Contacto.Provide your Contact Email.
    3. Selecione Criar ID de aplicação.Select Create App ID.
    4. Complete a verificação de segurança.Complete the security check.

    Abre o painel de desenvolvedores da sua nova aplicação do Facebook.The developer dashboard for your new Facebook app opens.

  4. Selecione o Início de > Sessão do Facebookdo Dashboard > Configurara > Web.Select Dashboard > Facebook Login > Set up > Web.

  5. Na navegação à esquerda no Facebook Login, selecione Definições.In the left navigation under Facebook Login, select Settings.

  6. No campo DE REorção de IU válido, insira https://<app-name>.azurewebsites.net/.auth/login/facebook/callback .In the Valid OAuth redirect URIs field, enter https://<app-name>.azurewebsites.net/.auth/login/facebook/callback. Lembre-se de substituir <app-name> pelo nome da sua aplicação Azure App Service.Remember to replace <app-name> with the name of your Azure App Service app.

  7. Selecione Guardar alterações.Select Save Changes.

  8. No painel esquerdo, selecione Definições > Básicas.In the left pane, select Settings > Basic.

  9. No campo App Secret, selecione Show.In the App Secret field, select Show. Copie os valores do ID da App e da App Secret.Copy the values of App ID and App Secret. Usa-os mais tarde para configurar a sua aplicação de Serviço de Aplicações em Azure.You use them later to configure your App Service app in Azure.

    Importante

    O segredo da aplicação é uma importante credencial de segurança.The app secret is an important security credential. Não partilhe este segredo com ninguém nem o distribua dentro de uma aplicação ao cliente.Do not share this secret with anyone or distribute it within a client application.

  10. A conta do Facebook que usou para registar a aplicação é administradora da aplicação.The Facebook account that you used to register the application is an administrator of the app. Neste momento, apenas os administradores podem inscrever-se nesta aplicação.At this point, only administrators can sign in to this application.

    Para autenticar outras contas do Facebook, selecione App Review e permita tornar ** <your-app-name> público** o acesso do público em geral à aplicação através da autenticação do Facebook.To authenticate other Facebook accounts, select App Review and enable Make <your-app-name> public to enable the general public to access the app by using Facebook authentication.

Adicione informações do Facebook à sua aplicação Add Facebook information to your application

  1. Inscreva-se no [portal Azure] e navegue para a sua aplicação De Serviço de Aplicações.Sign in to the Azure portal and navigate to your App Service app.

  2. Selecione Definições > Autenticação / Autorização, e certifique-se de que a autenticação do serviço de aplicações está acesa.Select Settings > Authentication / Authorization, and make sure that App Service Authentication is On.

  3. Selecione o Facebooke, em seguida, cole nos valores de ID da App e App Secret que obteve anteriormente.Select Facebook, and then paste in the App ID and App Secret values that you obtained previously. Ativar todos os âmbitos necessários à sua aplicação.Enable any scopes needed by your application.

  4. Selecione OK.Select OK.

    Screenshot das definições do Facebook da aplicação móvel

    Por predefinição, o Serviço de Aplicações fornece autenticação, mas não restringe o acesso autorizado ao conteúdo do seu site e APIs.By default, App Service provides authentication, but it doesn't restrict authorized access to your site content and APIs. Tem de autorizar os utilizadores no seu código de aplicação.You need to authorize users in your app code.

  5. (Opcional) Para restringir apenas o acesso aos utilizadores autenticados pelo Facebook, detena ação a tomar quando o pedido não for autenticado no Facebook.(Optional) To restrict access only to users authenticated by Facebook, set Action to take when request is not authenticated to Facebook. Ao definir esta funcionalidade, a sua aplicação requer que todos os pedidos sejam autenticados.When you set this functionality, your app requires all requests to be authenticated. Também redireciona todos os pedidos não autenticados para o Facebook para autenticação.It also redirects all unauthenticated requests to Facebook for authentication.

    Atenção

    Restringir o acesso desta forma aplica-se a todas as chamadas para a sua app, o que pode não ser desejável para aplicações que tenham uma página inicial disponível ao público, como em muitas aplicações de página única.Restricting access in this way applies to all calls to your app, which might not be desirable for apps that have a publicly available home page, as in many single-page applications. Para tais aplicações, permitir pedidos anónimos (nenhuma ação) pode ser preferido para que a aplicação comece manualmente a autenticação em si.For such applications, Allow anonymous requests (no action) might be preferred so that the app manually starts authentication itself. Para mais informações, consulte o fluxo de autenticação.For more information, see Authentication flow.

  6. Selecione Guardar.Select Save.

Está agora pronto para usar o Facebook para autenticação na sua aplicação.You're now ready to use Facebook for authentication in your app.

Passos seguintes Next steps