Konfigurieren Ihrer App Service-App zur Verwendung der Facebook-AnmeldungConfigure your App Service app to use Facebook login

In diesem Artikel wird veranschaulicht, wie Sie Azure App Service zur Verwendung von Facebook als Authentifizierungsanbieter konfigurieren.This article shows how to configure Azure App Service to use Facebook as an authentication provider.

Sie benötigen ein Facebook-Konto mit verifizierter E-Mail-Adresse und einer Mobiltelefonnummer, um den in diesem Artikel beschriebenen Vorgang abzuschließen.To complete the procedure in this article, you need a Facebook account that has a verified email address and a mobile phone number. Rufen Sie die Seite facebook.comauf, um ein neues Facebook-Konto zu erstellen.To create a new Facebook account, go to facebook.com.

Registrieren Ihrer Anwendung für Facebook Register your application with Facebook

  1. Wechseln Sie zur Website für Facebook-Entwickler, und melden Sie sich mit den Anmeldeinformationen für Ihr Facebook-Konto an.Go to the Facebook Developers website and sign in with your Facebook account credentials.

    Wenn Sie kein Facebook für Entwickler-Konto besitzen, wählen Sie Get Started (Erste Schritte) aus, und befolgen Sie die Registrierungsschritte.If you don't have a Facebook for Developers account, select Get Started and follow the registration steps.

  2. Wählen Sie My Apps (Meine Apps) > Add New App (Neue App hinzufügen) aus.Select My Apps > Add New App.

  3. Im Feld Anzeigename:In Display Name field:

    1. Geben Sie einen eindeutigen Namen für Ihre App ein.Type a unique name for your app.
    2. Geben Sie Ihre Kontakt-E-Mail an.Provide your Contact Email.
    3. Wählen Sie App-ID erstellen aus.Select Create App ID.
    4. Schließen Sie die Sicherheitsüberprüfung ab.Complete the security check.

    Das Entwickler-Dashboard für Ihre neue Facebook-App wird geöffnet.The developer dashboard for your new Facebook app opens.

  4. Wählen Sie Dashboard > Facebook Login (Facebook-Anmeldung) > Setup (Einrichten) > Web aus.Select Dashboard > Facebook Login > Set up > Web.

  5. Wählen Sie im linken Navigationsbereich utner Facebook Login (Facebook-Anmeldung) Settings (Einstellungen) aus.In the left navigation under Facebook Login, select Settings.

  6. Geben Sie in das Feld Valid OAuth redirect URIs (Gültige OAuth-Umleitungs-URIs) https://<app-name>.azurewebsites.net/.auth/login/facebook/callback ein.In the Valid OAuth redirect URIs field, enter https://<app-name>.azurewebsites.net/.auth/login/facebook/callback. Denken Sie daran, <app-name> durch den Namen Ihrer Azure App Service-App zu ersetzen.Remember to replace <app-name> with the name of your Azure App Service app.

  7. Klicken Sie auf Save changes (Änderungen speichern).Select Save Changes.

  8. Wählen Sie im linken Bereich Settings > Basic (Einstellungen > Allgemein) aus.In the left pane, select Settings > Basic.

  9. Wählen Sie im Feld App Secret (App-Geheimnis) den Eintrag Show (Anzeigen) aus.In the App Secret field, select Show. Kopieren Sie die Werte von App ID und App Secret (App-Geheimnis).Copy the values of App ID and App Secret. Diese verwenden Sie später zum Konfigurieren Ihrer App Service-App in Azure.You use them later to configure your App Service app in Azure.

    Wichtig

    Der App-Schlüssel ist eine wichtige Anmeldeinformation.The app secret is an important security credential. Teilen Sie diesen Schlüssel mit niemandem, und geben Sie ihn nicht über Ihre Anwendung weiter.Do not share this secret with anyone or distribute it within a client application.

  10. Das zum Registrieren der Anwendung verwendete Facebook-Konto fungiert als Administrator der App.The Facebook account that you used to register the application is an administrator of the app. Zu diesem Zeitpunkt können sich nur Administratoren bei der Anwendung anmelden.At this point, only administrators can sign in to this application.

    Um andere Facebook-Konten zu authentifizieren, klicken Sie auf App Review (App-Überprüfung), und aktivieren Sie Make <your-app-name> public ( öffentlich machen), um den allgemeinen öffentlichen Zugriff auf die App mithilfe der Facebook-Authentifizierung zu aktivieren.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.

Hinzufügen von Facebook-Informationen zu Ihrer Anwendung Add Facebook information to your application

  1. Melden Sie sich beim Azure-Portal an, und navigieren Sie zu Ihrer App Service-App.Sign in to the Azure portal and navigate to your App Service app.

  2. Wählen Sie Einstellungen > Authentifizierung/Autorisierung, aus, und stellen Sie sicher, dass für die App Service-Authentifizierung die Option Ein festgelegt ist.Select Settings > Authentication / Authorization, and make sure that App Service Authentication is On.

  3. Wählen Sie Facebook aus, und fügen Sie dann die Werte für App-ID und den geheimen App-Schlüssel ein, die Sie zuvor abgerufen haben.Select Facebook, and then paste in the App ID and App Secret values that you obtained previously. Aktivieren Sie alle Bereiche, die von der Anwendung benötigt werden.Enable any scopes needed by your application.

  4. Klicken Sie auf OK.Select OK.

    Screenshot der Einstellungen für die mobile Facebook-App

    Standardmäßig erfolgt die Authentifizierung über App Service, wobei jedoch der Zugriff auf die Inhalte Ihrer Website und APIs nicht autorisiert wird.By default, App Service provides authentication, but it doesn't restrict authorized access to your site content and APIs. Sie müssen Benutzer in Ihrem App-Code autorisieren.You need to authorize users in your app code.

  5. (Optional) Um den Zugriff ausschließlich auf Benutzer zu beschränken, die von Facebook authentifiziert werden, legen Sie Die auszuführende Aktion, wenn die Anforderung nicht authentifiziert ist auf Facebook fest.(Optional) To restrict access only to users authenticated by Facebook, set Action to take when request is not authenticated to Facebook. Wenn Sie diese Funktion festlegen, erfordert Ihre App, dass alle Anforderungen authentifiziert werden.When you set this functionality, your app requires all requests to be authenticated. Sie leitet außerdem alle nicht authentifizierten Anforderungen zur Authentifizierung an Facebook um.It also redirects all unauthenticated requests to Facebook for authentication.

    Achtung

    Das Einschränken des Zugriffs auf diese Weise gilt für alle Aufrufe Ihrer App, was für Apps, die eine öffentlich verfügbare Startseite haben, eventuell nicht wünschenswert ist, wie bei vielen Single-Page-Anwendungen.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. Bei solchen Anwendungen ist möglicherweise die Einstellung Anonyme Anforderungen zulassen (keine Aktion) vorzuziehen, sodass die App die Authentifizierung selbst manuell startet.For such applications, Allow anonymous requests (no action) might be preferred so that the app manually starts authentication itself. Weitere Informationen finden Sie unter Authentifizierungsflow.For more information, see Authentication flow.

  6. Wählen Sie Speichern aus.Select Save.

Sie können nun Facebook für die Authentifizierung in Ihrer App verwenden.You're now ready to use Facebook for authentication in your app.

Nächste Schritte Next steps