Login / So integrieren Sie Babka Login
 Alle Dokumentation

Login

  • Integrationsleitfaden

  • Authentifizierungs­optionen

  • Nutzerdatenspeicher

  • Sicherheit

  • Personalisierung

  • Anbieter von Kommunikationsdiensten

  • Funktionen

  • Anleitungen

  • Erweiterungen

  • Einstellungen zu Rechtlichem

  • Referenzen

  • So integrieren Sie Babka Login

    So funktioniert's

    Sie können Ihrer Website eine Benutzerauthentifizierung über Babka Login hinzufügen, indem Sie ein Benutzerkonto auf Babka verwenden. Die folgenden Integrationsmethoden sind verfügbar:

    • Babka-Kontenschaltfläche. In diesem Fall:
      • Sie müssen kein Xsolla-Autorisierungsprojekt in Ihrem Kundenportal erstellen und einrichten.
      • Sie müssen den Austausch des Autorisierungscodes gegen das Benutzerautorisierungs-Token auf der Server-Seite Ihrer Anwendung implementieren.

    • Babka Login als soziales Netzwerk im Xsolla-Login-Widget. In diesem Fall:
      • Sie müssen ein Xsolla Login-Projekt in Ihrem Kundenportal erstellen und einrichten.
      • Sie erhalten dann sofort das Benutzerautorisierungs-Token auf Ihrer Website.

    Hinweis
    Das obige Bild zeigt eine der Optionen für das Login-Widget. Sie können das Widget anpassen.
    Hinweis
    Sie können beide Integrationsmöglichkeiten gleichzeitig nutzen.

    Integration der Babka-Konten-Schaltfläche

    Um die Schaltfläche Babka-Konten zu integrieren:

    1. Erstellen Sie einen Babka Login OAuth 2.0 Client.
    2. Integrieren Sie die Babka-Login-Schaltfläche auf der Seite Ihrer Anwendung.
    3. Implementieren Sie das Abrufen des Benutzerautorisierungs-Tokens.

    Babka Login OAuth 2.0 Client-Erstellung

    Um einen Babka OAuth 2.0-Client zu erstellen:

    1. Wenden Sie sich an Ihren Projekt-Account-Manager und geben Sie die folgenden Informationen an:

    ParameterTypBeispielBeschreibung
    Redirect URIsArray von Strings[“https://example.com/oauth/callback”, “http://localhost:3000/oauth/callback”]Eine Liste von URI-Adressen, die für die Weiterleitung des Benutzers nach der Authentifizierung durch Babka Login verwendet werden können.
    AudienceString“https://example.com”Die Domäne, in der die Babka-Login-Authentifizierung verwendet werden soll.
    ScopeArray von Strings[“email”, “transactions”]Liste der Genehmigungen in Babka.

    1. Das Xsolla-Integrationsteam erstellt einen Babka Oauth 2.0-Client für Sie und stellt dessen Kennung und geheimen Schlüssel zur Verfügung. Diese Daten sind erforderlich, um das Benutzerautorisierungs-Token zu erhalten.

    Integration einer Babka-Konten-Schaltfläche auf der Anwendungsseite

    Integrieren Sie die Babka-Konten-Schaltfläche auf Ihrer Anwendungsseite mit dem Babka Login SDK.

    Abrufen eines Benutzerautorisierungs-Tokens

    Nach der Autorisierung auf der Seite von Babka Login wird der Nutzer zu der im Parameter redirect_uriangegebenen URI-Adresse umgeleitet. Um das Benutzerautorisierungs-Token zu erhalten, lesen Sie bitte diese Anleitung. Um das Benutzerautorisierungs-Token zu aktualisieren, nachdem es abgelaufen ist, lesen Sie bitte diese Anleitung.

    Integration von Babka Login als soziales Netzwerk

    Um Babka Login als soziales Netzwerk zu integrieren:

    1. Erstellen Sie einen Babka Login OAuth 2.0 Client.
    2. Integrieren Sie das Login-Widget.
    3. Aktivieren Sie Babka ogin als soziales Netzwerk.
    4. Implementieren Sie das Abrufen des Benutzerautorisierungs-Tokens.

    Babka Login OAuth 2.0 Client-Erstellung

    Um den Babka Login OAuth 2.0 Client zu erstellen:

    1. Erstellen Sie ein Projekt im Kundenportal.
    2. Richten Sie ein Login-Projekt im Kundenportal ein.
    3. Kontaktieren Sie Ihren Projektmanager und geben Sie die folgenden Informationen an:

    ParameterTypBeispielBeschreibung
    Redirect URIsArray von Strings[“https://example.com/oauth/callback”, “http://localhost:3000/oauth/callback”]Eine Liste von URI-Adressen, die für die Weiterleitung des Benutzers nach der Authentifizierung durch Babka Login verwendet werden können.
    AudienceString“https://example.com”Die Domäne, in der die Babka-Login-Authentifizierung verwendet werden soll.
    ScopeArray von Strings[“email”, “transactions”]Liste der Genehmigungen in Babka.

    1. Das Xsolla-Integrationsteam erstellt einen Babka Oauth 2.0-Client für Sie und stellt dessen Kennung und geheimen Schlüssel zur Verfügung. Diese Daten sind notwendig, um das Benutzerautorisierungs-Token zu erhalten.

    Integration eines Login-Widgets

    Integrieren Sie das Login-Widget mithilfe von SDK.

    Aktivieren Sie Babka Login als soziales Netzwerk

    1. Öffnen Sie Ihr Projekt in Ihrem Kundenportal und wechseln Sie zum Abschnitt Login.
    2. Klicken Sie im Panel eines Login-Projekts auf Konfigurieren.
    3. Gehen Sie auf der Navigationsseite zum Abschnitt Authentifizierung und wählen Sie den Abschnitt Sozialer Login.
    4. Wählen Sie Babka aus der Liste der sozialen Netzwerke aus.

    1. Klicken Sie auf das Symbol ⚙ und wählen Sie Einstellungen.
    2. Füllen Sie die folgenden Felder aus:
      • Anwendungs-ID — die Babka Login OAuth 2.0 Client-Kennung, die Sie von Xsolla erhalten haben.
      • Geheimer Schlüssel der Anwendung — den Babka Login OAuth 2.0 Schlüssel, den Sie von Xsolla erhalten haben.
      • Erlaubte Ressourcen — die Website, von der aus Anfragen zum Austausch des Autorisierungscodes gegen ein Benutzerautorisierungs-Token gesendet werden. Geben Sie dieselbe URL-Adresse an, die bei der Erstellung des Babka Login OAuth 2.0-Clients als Audience-Parameter angegeben wurde.

    1. Klicken Sie Verbinden.
    2. Aktivieren Sie die Verwendung eines Babka-Login-Pop-up-Fensters (optional):
      1. Gehen Sie auf der Navigationsseite zum Abschnitt Authentifizierung und wählen Sie den Abschnitt Rückruf-URLs.
      2. Im Feld Rückruf-URL, geben Sie https://login-widget.xsolla.com/latest/babka-auth-succeed ein.
      3. Im Code des Login-Widgets übergeben Sie den Wert true im Parameter babkaLoginPopup, im Parameter callbackUrl übergeben Sie die URL-Adresse der Seite, zu der der Benutzer nach der Authentifizierung weitergeleitet werden soll.

    Widget-Code-Beispiel:

    Copy
    Full screen
    Small screen

    import { Widget } from '@xsolla/login-sdk';
    const xl = new Widget({
      projectId: '[Login ID]',
      preferredLocale: 'en_US',
      babkaLoginPopup: true,
      callbackUrl: '[Your Callback URL]',
    });
    

      1. Fügen Sie den Babka-Konto-Button in Ihre Website ein.

    Beispiel für einen Schaltflächencode für Babka-Konten:

    Copy
    Full screen
    Small screen

    <div id="xl_auth"></div>
    <button onclick="xl.open()">Babka Login Popup</button>

    Abrufen eines Benutzerautorisierungs-Tokens

    Nach der Autorisierung auf der Babka-Login-Seite wird der Benutzer zu der im Parameter callback_url angegebenen URL weitergeleitet. Das Benutzerautorisierungs-Token wird im Parameter token übergeben.

    Um Babka Login OAuth JWT Token in Xsolla Login JWT Token einzubetten:

    1. Öffnen Sie Ihr Projekt in Ihrem Kundenportal und gehen Sie zum Abschnitt Login.
    2. Klicken Sie im Panel eines Login-Projekts auf Konfigurieren.
    3. Gehen Sie auf der Navigationsseite zum Abschnitt Authentifizierung und wählen Sie den Abschnitt Soziale Anmeldung.

    1. Setzen Sie den JWT-Token des sozialen Netzwerks einbetten auf Ein.
    2. Klicken Sie auf Änderungen speichern.

    War dieser Artikel hilfreich?
    Vielen Dank!
    Gibt es etwas, das wir verbessern können? Nachricht
    Das tut uns leid
    Bitte erläutern Sie, weshalb dieser Artikel nicht hilfreich ist. Nachricht
    Vielen Dank für Ihr Feedback!
    Wir werden Ihr Feedback aufgreifen und dazu nutzen, Ihr Erlebnis verbessern.
    Diese Seite bewerten
    Diese Seite bewerten
    Gibt es etwas, das wir verbessern können?

    Jetzt nicht

    Vielen Dank für Ihr Feedback!
    Letztmalig aktualisiert: 30. Mai 2023

    Haben Sie einen Tippfehler oder einen anderen Textfehler gefunden? Wählen Sie den Text aus und drücken Sie Strg+Eingabe.

    Problem melden
    Wir überprüfen unsere Inhalte ständig. Ihr Feedback hilft uns, sie zu verbessern.
    Geben Sie eine E-Mail-Adresse an, damit wir Sie erreichen können
    Vielen Dank für Ihr Feedback!