Konfigurera din App Service- eller Azure Functions-app så att den använder Facebook-inloggning

Den här artikeln visar hur du konfigurerar Azure App Service eller Azure Functions för att använda Facebook som autentiseringsprovider.

För att slutföra proceduren i den här artikeln behöver du ett Facebook-konto som har en verifierad e-postadress och ett mobiltelefonnummer. Om du vill skapa ett nytt Facebook-konto går du till facebook.com.

Registrera ditt program med Facebook

  1. Gå till webbplatsen För Facebook-utvecklare och logga in med dina autentiseringsuppgifter för Facebook-kontot.

    Om du inte har ett Facebook for Developers-konto väljer du Kom igång och följer registreringsstegen.

  2. Välj Mina appar> Lägg till ny app.

  3. I fältet Visningsnamn :

    1. Ange ett unikt namn för din app.
    2. Ange din e-postadress för kontakt.
    3. Välj Skapa app-ID.
    4. Slutför säkerhetskontrollen.

    Utvecklarinstrumentpanelen för din nya Facebook-app öppnas.

  4. Välj Instrumentpanel>Facebook-inloggning>Konfigurera>webben.

  5. I det vänstra navigeringsfältet under Facebook-inloggning väljer du Inställningar.

  6. I fältet Giltiga omdirigerings-URI:er för OAuth anger du https://<app-name>.azurewebsites.net/.auth/login/facebook/callback. Kom ihåg att ersätta <app-name> med namnet på din Azure App Service-app.

  7. Välj Spara ändringar.

  8. I den vänstra rutan väljer du Inställningar> Basic.

  9. I fältet Apphemlighet väljer du Visa. Kopiera värdena för app-ID och apphemlighet. Du använder dem senare för att konfigurera din App Service-app i Azure.

    Viktigt!

    Apphemligheten är en viktig säkerhetsautentiseringsuppgift. Dela inte den här hemligheten med någon eller distribuera den i ett klientprogram.

  10. Det Facebook-konto som du använde för att registrera programmet är administratör för appen. I det här läget kan endast administratörer logga in på det här programmet.

    Om du vill autentisera andra Facebook-konton väljer du Appgranskning och aktiverar Gör <ditt appnamn> offentligt för att göra det möjligt för allmänheten att komma åt appen med hjälp av Facebook-autentisering.

Lägga till Facebook-information i ditt program

  1. Logga in på Azure-portalen och gå till din app.

  2. Välj Autentisering i menyn till vänster. Klicka på Lägg till identitetsprovider.

  3. Välj Facebook i listrutan identitetsprovider. Klistra in de app-ID- och apphemlighetsvärden som du hämtade tidigare.

    Hemligheten lagras som en slot-sticky-programinställning med namnet FACEBOOK_PROVIDER_AUTHENTICATION_SECRET. Du kan uppdatera den inställningen senare för att använda Key Vault-referenser om du vill hantera hemligheten i Azure Key Vault.

  4. Om det här är den första identitetsprovidern som konfigurerats för programmet uppmanas du också att använda avsnittet Inställningar för App Service-autentisering . Annars kan du gå vidare till nästa steg.

    De här alternativen avgör hur ditt program svarar på oautentiserade begäranden, och standardvalen omdirigerar alla begäranden för att logga in med den nya providern. Du kan ändra anpassa det här beteendet nu eller justera inställningarna senare från huvudskärmen för autentisering genom att välja Redigera bredvid Autentiseringsinställningar. Mer information om de här alternativen finns i Autentiseringsflöde.

  5. (Valfritt) Klicka på Nästa: Omfång och lägg till eventuella omfång som krävs av programmet. Dessa begärs vid inloggningstiden för webbläsarbaserade flöden.

  6. Klicka på Lägg till.

Nu är du redo att använda Facebook för autentisering i din app. Providern visas på skärmen Autentisering . Därifrån kan du redigera eller ta bort den här providerkonfigurationen.

Nästa steg