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.

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:

2. 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:

4. 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.

5. Klicken Sie auf das Symbol ⚙ und wählen Sie Einstellungen.
6. 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.

7. Klicken Sie Verbinden.
8. 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:

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

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

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

<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.

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

Diese Seite bewerten

Gibt es etwas, das wir verbessern können? Senden

Jetzt nicht

Vielen Dank für Ihr Feedback!