Comment configurer votre application App Service de manière à utiliser la connexion via FacebookHow to configure your App Service application to use Facebook login

Cette rubrique montre comment configurer Azure App Service pour utiliser Facebook comme fournisseur d'authentification.This topic shows you how to configure Azure App Service to use Facebook as an authentication provider.

Pour effectuer la procédure de cette rubrique, vous devez disposer d'un compte Facebook avec une adresse de messagerie vérifiée et un numéro de téléphone mobile.To complete the procedure in this topic, you must have a Facebook account that has a verified email address and a mobile phone number. Pour créer un compte Facebook, allez sur facebook.com.To create a new Facebook account, go to facebook.com.

Inscription de votre application sur Facebook Register your application with Facebook

  1. Accédez au site Web Développeurs Facebook et connectez-vous à l'aide des informations d'identification de votre compte Facebook.Navigate to the Facebook Developers website and sign-in with your Facebook account credentials.

  2. (Facultatif) Si vous n’avez pas de compte Facebook pour les développeurs, cliquez sur Prise en main et suivez les étapes d’inscription.(Optional) If you don't have a Facebook for Developers account, click Get Started and follow the registration steps.

  3. Cliquez sur Mes applications > Ajouter une nouvelle application.Click My Apps > Add New App.

  4. Dans Nom d’affichage, tapez le nom unique de votre application.In Display Name, type a unique name for your app. Indiquez également votre E-mail de contact, puis cliquez sur Créer un ID d’application et exécutez la vérification de sécurité.Also provide your Contact Email, and then click Create App ID and complete the security check. Vous serez alors redirigé vers le tableau de bord du développeur pour votre nouvelle application Facebook.This takes you to the developer dashboard for your new Facebook app.

  5. Cliquez sur Tableau de bord > Connexion Facebook > Configurer > Web.Click Dashboard > Facebook Login > Set up > Web.

  6. Dans le volet de navigation gauche sous Connexion Facebook, cliquez sur Paramètres.In the left-hand navigation under Facebook Login, click Settings.

  7. Dans URI de redirection OAuth valides, saisissez https://<app-name>.azurewebsites.net/.auth/login/facebook/callback et remplacez <nom de l’application> par le nom de votre application Azure App Service.In Valid OAuth redirect URIs, type https://<app-name>.azurewebsites.net/.auth/login/facebook/callback and replace <app-name> with the name of your Azure App Service app. Cliquez sur Enregistrer les modifications.Click Save Changes.

  8. Dans le volet de navigation gauche, cliquez sur Paramètres > De base.In the left-hand navigation, click Settings > Basic. Sur le champ Clé secrète de l’application, cliquez sur Afficher.On the App Secret field, click Show. Copiez les valeurs ID d’application et Secret d’application.Copy the values of App ID and App Secret. Vous les utiliserez plus tard pour configurer votre application App Service dans Azure.You use these later to configure your App Service app in Azure.

    Important

    La clé secrète de l'application est une information d'identification de sécurité importante.The app secret is an important security credential. Ne partagez cette clé secrète avec personne et ne la distribuez pas dans une application cliente.Do not share this secret with anyone or distribute it within a client application.

  9. Le compte Facebook qui a été utilisé pour inscrire l'application est un administrateur de l'application.The Facebook account which was used to register the application is an administrator of the app. À ce stade, seuls les administrateurs peuvent se connecter à cette application.At this point, only administrators can sign into this application. Pour authentifier d’autres comptes Facebook, cliquez sur Révision de l’application et activez Rendre public <nom-de-votre-application pour activer l’accès public général à l’aide de l’authentification Facebook.To authenticate other Facebook accounts, click App Review and enable Make <your-app-name> public to enable general public access using Facebook authentication.

Ajout des informations Facebook à votre application Add Facebook information to your application

  1. Connectez-vous au portail Azureet accédez à votre application App Service.Sign in to the Azure portal and navigate to your App Service app. Cliquez sur Paramètres > Authentification / Autorisation, et vérifiez que l’authentification App Service est activée, sur On.Click Settings > Authentication / Authorization, and make sure that App Service Authentication is On.

  2. Cliquez sur Facebook, collez les valeurs correspondant à l’ID et à la question secrète de l’application que vous avez obtenues précédemment et activez éventuellement les étendues nécessaires à votre application, puis cliquez sur OK.Click Facebook, paste in the App ID and App Secret values which you obtained previously, optionally enable any scopes needed by your application, then click OK.

    Par défaut, App Service fournit une authentification, mais ne restreint pas l'accès autorisé à votre contenu et aux API de votre site.By default, App Service provides authentication but does not restrict authorized access to your site content and APIs. Vous devez autoriser les utilisateurs dans votre code d'application.You must authorize users in your app code.

  3. (Facultatif) Pour restreindre l’accès à votre site aux seuls utilisateurs authentifiés par Facebook, définissez Action à exécuter quand une demande n’est pas authentifiée sur Facebook.(Optional) To restrict access to your site to only users authenticated by Facebook, set Action to take when request is not authenticated to Facebook. Cela implique que toutes les demandes soient authentifiées. Toutes les demandes non authentifiées sont redirigées vers Facebook pour être authentifiées.This requires that all requests be authenticated, and all unauthenticated requests are redirected to Facebook for authentication.

  4. Lorsque vous avez terminé de configurer l’authentification, cliquez sur Enregistrer.When done configuring authentication, click Save.

Vous êtes maintenant prêt à utiliser Facebook pour l'authentification dans votre application.You are now ready to use Facebook for authentication in your app.