Soziale Anmeldung mit X einrichten

Der offizielle Logto-Connector für die soziale Anmeldung bei X (ehemals Twitter).

tipp:

Diese Anleitung setzt voraus, dass du ein grundlegendes Verständnis von Logto Connectors hast. Für diejenigen, die damit nicht vertraut sind, verweisen wir auf die Connectors Anleitung, um loszulegen.

Erste Schritte

Der X (Twitter) Connector ermöglicht es Endbenutzern, sich mit ihren eigenen X (Twitter)-Konten über das X OAuth 2.0 Authentifizierungsprotokoll bei deiner Anwendung anzumelden.

Erstelle eine App im X Developer Portal

Gehe zum X Developer Portal und melde dich mit deinem X-Konto an. Wenn du noch kein Konto hast, kannst du dich registrieren.

Erstelle dann eine App.

Schritt 1: Navigiere zum Abschnitt zur App-Erstellung.

Nachdem du dich angemeldet hast, gehe zum Abschnitt "Projekte & Apps" und klicke auf "App erstellen" (oder "Neue App", je nach Oberfläche).

Schritt 2: Fülle die App-Details aus.

Vervollständige das Formular mit den folgenden Informationen:

• App-Name: Gib einen eindeutigen und beschreibenden Namen für deine Anwendung an.
• Anwendungsbeschreibung: (Optional) Füge eine kurze Beschreibung hinzu, was deine App macht.
• Website-URL: Gib die URL der Startseite deiner Anwendung ein.
• Callback-URL / Redirect-URI: In unserem Fall wird dies ${your_logto_endpoint}/callback/${connector_id} sein, z. B. https://foo.logto.app/callback/${connector_id}. Die connector_id findest du in der oberen Leiste der Logto Admin Console auf der Seite mit den Connector-Details.

Schritt 3: Wähle Berechtigungen und Berechtigungen (Scopes) aus.

Wähle die Berechtigungen aus, die deine App benötigt. Für die soziale Anmeldung über X stelle sicher, dass du die notwendigen Berechtigungen tweet.read und users.read aktivierst.

Schritt 4: Speichere deine App.

Klicke auf "Erstellen" oder "Speichern", um deine App zu registrieren.

Nach der Erstellung navigiere zum Abschnitt "Schlüssel und Tokens" deiner App, um deine OAuth 2.0 Client-ID und Client-Secret abzurufen.

Konfiguriere deinen Connector

In deiner Logto-Connector-Konfiguration fülle die folgenden Felder mit den Werten aus, die du auf der Seite "Schlüssel und Tokens" deiner App im Abschnitt "OAuth 2.0 Client-ID und Client-Secret" erhalten hast:

• clientId: Die Client-ID deiner App.
• clientSecret: Das Client-Secret deiner App.

scope ist eine durch Leerzeichen getrennte Liste von Berechtigungen (Scopes). Wenn nicht angegeben, ist die Standardberechtigung tweet.read users.read.

Konfigurationstypen

Name	Typ
clientId	string
clientSecret	string
scope	string

X (Twitter) Connector testen

Das war's. Der X (Twitter) Connector sollte jetzt verfügbar sein. Vergiss nicht, Sozialen Connector in der Anmeldeerfahrung aktivieren.

Referenz

X Entwicklerdokumentation

X OAuth 2.0 Autorisierungscode-Fluss mit PKCE