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

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

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

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

  1. Melden Sie sich beim Azure-Portal an, und wechseln Sie zu Ihrer Anwendung.Sign in to the Azure portal and go to your application. Kopieren Sie die URL.Copy your URL. Sie verwenden sie zur Konfiguration Ihrer Twitter-App.You'll use it to configure your Twitter app.

  2. Wechseln Sie zur Twitter Developers-Website, melden Sie sich mit den Anmeldeinformationen für Ihr Twitter-Konto an, und wählen Sie dann Neue App erstellen aus.Go to the Twitter Developers website, sign in with your Twitter account credentials, and select Create New App.

  3. Geben Sie einen Namen und eine Beschreibung für Ihre neue App ein.Enter a Name and a Description for your new app. Fügen Sie die URL Ihrer Anwendung in das Feld Website ein.Paste your application's URL into the Website field. Geben Sie in das Feld Rückruf-URL die URL Ihrer App Service-App ein, und fügen Sie den Pfad /.auth/login/aad/callback an.In the Callback URL field, enter the URL of your App Service app and append the path /.auth/login/aad/callback. Beispiel: https://contoso.azurewebsites.net/.auth/login/twitter/callback.For example, https://contoso.azurewebsites.net/.auth/login/twitter/callback. Stellen Sie sicher, dass Sie das HTTPS-Schema verwenden.Make sure to use the HTTPS scheme.

  4. Lesen und akzeptieren Sie die Bedingungen am Ende der Seite.At the bottom of the page, read and accept the terms. Wählen Sie Create your Twitter application aus.Select Create your Twitter application. Die Anwendungsdetails werden angezeigt.The application details are displayed.

  5. Klicken Sie auf die Registerkarte Einstellungen, aktivieren Sie die Option Allow this application to be used to sign in with Twitter (Anmeldung bei Twitter mithilfe dieser Anwendung zulassen), und klicken Sie dann auf Update Settings (Einstellungen aktualisieren).Select the Settings tab, check Allow this application to be used to sign in with Twitter, and then select Update Settings.

  6. Wählen Sie die Registerkarte Keys and Access Tokens .Select the Keys and Access Tokens tab.

    Notieren Sie sich diese Werte:Make a note of these values:

    • Consumer Key (API Key) (Consumerschlüssel [API-Schlüssel])Consumer key (API key)
    • Consumer Secret (API Secret) (Consumergeheimnis [API-Geheimnis])Consumer secret (API secret)

    Hinweis

    Consumer secret ist eine wichtige Anmeldeinformation.The consumer secret is an important security credential. Teilen Sie diesen Schlüssel mit niemandem, und geben Sie ihn nicht über Ihre App frei.Do not share this secret with anyone or distribute it with your app.

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

  1. Wechseln Sie im Azure-Portal zu Ihrer Anwendung.Go to your application in the Azure portal.

  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 Twitter aus.Select Twitter.

  4. Fügen Sie die Werte von API Key und API Secret ein, die Sie zuvor abgerufen haben.Paste in the API Key and API Secret values that you obtained previously.

  5. Klicken Sie auf OK.Select OK.

    Screenshot der Einstellungen für die mobile Twitter-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 doesn't restrict authorized access to your site content and APIs. Sie müssen die Benutzer in Ihrem App-Code autorisieren.You must authorize users in your app code.

  6. (Optional) Um den Zugriff auf Ihre Website ausschließlich auf Benutzer zu beschränken, die von Twitter authentifiziert wurden, legen Sie Die auszuführende Aktion, wenn die Anforderung nicht authentifiziert ist auf Twitter fest.(Optional) To restrict access to your site to only users authenticated by Twitter, set Action to take when request is not authenticated to Twitter. 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 Twitter um.It also redirects all unauthenticated requests to Twitter 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.

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

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

Nächste Schritte Next steps