Teilen über


Konfigurieren Ihrer App Service- oder Azure Functions-App zur Verwendung der Facebook-Anmeldung

In diesem Artikel wird veranschaulicht, wie Sie Azure App Service oder Azure Functions zur Verwendung von Facebook als Authentifizierungsanbieter konfigurieren.

Sie benötigen ein Facebook-Konto mit verifizierter E-Mail-Adresse und einer Mobiltelefonnummer, um den in diesem Artikel beschriebenen Vorgang abzuschließen. Rufen Sie die Seite facebook.comauf, um ein neues Facebook-Konto zu erstellen.

Registrieren Ihrer Anwendung für Facebook

  1. Wechseln Sie zur Website für Facebook-Entwickler, und melden Sie sich mit den Anmeldeinformationen für Ihr Facebook-Konto an.

    Wenn Sie kein Facebook für Entwickler-Konto besitzen, wählen Sie Get Started (Erste Schritte) aus, und befolgen Sie die Registrierungsschritte.

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

  3. Im Feld Anzeigename:

    1. Geben Sie einen eindeutigen Namen für Ihre App ein.
    2. Geben Sie Ihre Kontakt-E-Mail an.
    3. Wählen Sie App-ID erstellen aus.
    4. Schließen Sie die Sicherheitsüberprüfung ab.

    Das Entwickler-Dashboard für Ihre neue Facebook-App wird geöffnet.

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

  5. Wählen Sie im linken Navigationsbereich utner Facebook Login (Facebook-Anmeldung) Settings (Einstellungen) aus.

  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. Denken Sie daran, <app-name> durch den Namen Ihrer Azure App Service-App zu ersetzen.

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

  8. Wählen Sie im linken Bereich Settings>Basic (Einstellungen > Allgemein) aus.

  9. Wählen Sie im Feld App Secret (App-Geheimnis) den Eintrag Show (Anzeigen) aus. Kopieren Sie die Werte von App ID und App Secret (App-Geheimnis). Diese verwenden Sie später zum Konfigurieren Ihrer App Service-App in Azure.

    Wichtig

    Der App-Schlüssel ist eine wichtige Anmeldeinformation. Teilen Sie diesen Schlüssel mit niemandem, und geben Sie ihn nicht über Ihre Anwendung weiter.

  10. Das zum Registrieren der Anwendung verwendete Facebook-Konto fungiert als Administrator der App. Zu diesem Zeitpunkt können sich nur Administratoren bei der Anwendung anmelden.

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

Hinzufügen von Facebook-Informationen zu Ihrer Anwendung

  1. Melden Sie sich am Azure-Portal an und navigieren Sie zu Ihrer App.

  2. Wählen Sie Authentifizierung im Menü auf der linken Seite. Klicken Sie auf Identitätsanbieter hinzufügen.

  3. Wählen Sie Facebookin der Dropdown-Liste der Identitätsanbieter aus. Fügen Sie die Werte für App-ID und den geheimen App-Schlüssel ein, die Sie zuvor abgerufen haben.

    Der geheime Schlüssel wird als Slot-persistente Anwendungs-Einstellung mit dem Namen FACEBOOK_PROVIDER_AUTHENTICATION_SECRET gespeichert. Sie können diese Einstellung später aktualisieren, um Key Vault Verweise zu verwenden, wenn Sie den geheimen Schlüssel in Azure Key Vault verwalten möchten.

  4. Wenn dies der erste Identitätsanbieter ist, der für die Anwendung konfiguriert wurde, wird auch ein Abschnitt mit den Einstellungen für die App-Dienst-Authentifizierung angezeigt. Andernfalls können Sie mit dem nächsten Schritt fortfahren.

    Diese Optionen bestimmen, wie Ihre Anwendung auf nicht authentifizierte Anfragen reagiert, und die Standardeinstellungen leiten alle Anfragen zur Anmeldung mit diesem neuen Anbieter um. Sie können dieses Verhalten jetzt anpassen oder diese Einstellungen später über den Hauptbildschirm der Authentifizierung anpassen, indem Sie neben den Authentifizierungs-Einstellungendie Option Bearbeiten auswählen. Weitere Informationen zu diesen Optionen finden Sie unter Authentifizierungs-Fluss.

  5. (Optional) Klicken Sie aufFortfahren: Umfänge und fügen Sie alle von der Anwendung benötigten Umfänge hinzu. Diese werden zum Zeitpunkt der Anmeldung für browserbasierte Flows angefordert.

  6. Klicken Sie auf Hinzufügen.

Sie können nun Facebook für die Authentifizierung in Ihrer App verwenden. Der Anbieter wird auf dem Bildschirm Authentifizierung aufgeführt. Von dort aus können Sie diese Anbieterkonfiguration bearbeiten oder löschen.

Nächste Schritte