Lerne, wie man einen Benutzer-Authentifizierungsablauf mit Expo (React Native) durch die Integration des Logto SDKs erstellt.
In diesem Tutorial zeigen wir Ihnen, wie Sie mit Expo (React Native) einen Benutzerauthentifizierungsablauf durch die Integration des Logto SDK erstellen. Das Tutorial verwendet TypeScript als Programmiersprache.
Bevor Sie beginnen, stellen Sie sicher, dass Sie Folgendes haben:
Um loszulegen, erstellen Sie eine Logto-Anwendung mit dem Typ "Native". Befolgen Sie diese Schritte, um eine Logto-Anwendung zu erstellen:
Dann sollten Sie eine interaktive Anleitung sehen, die Sie durch den Prozess der Integration des Logto SDK in Ihre Expo (React Native)-Anwendung führt. Der folgende Inhalt kann als Referenz für die zukünftige Verwendung dienen.
Installiere das Logto SDK und die Peer-Abhängigkeiten über deinen bevorzugten Paketmanager:
Das Paket @logto/rn ist das SDK für Logto. Die verbleibenden Pakete sind seine Peer-Abhängigkeiten. Sie konnten nicht als direkte Abhängigkeiten aufgelistet werden, weil das Expo CLI verlangt, dass alle Abhängigkeiten für native Module direkt im package.json des Root-Projekts installiert werden.
Importiere und verwende LogtoProvider, um einen Logto-Kontext bereitzustellen:
Wechsle zur Anwendungsdetailseite der Logto-Konsole. Füge eine native Redirect-URI hinzu (zum Beispiel io.logto://callback), und klicke dann auf "Speichern".
Für iOS spielt das Redirect-URI-Schema keine wirkliche Rolle, da die Klasse ASWebAuthenticationSession auf die Redirect-URI unabhängig davon hört, ob sie registriert ist.
Für Android muss das Redirect-URI-Schema in Expos app.json Datei ausgefüllt werden, zum Beispiel:
Zurück in deiner App kannst du den useLogto Hook verwenden, um dich anzumelden und abzumelden:
Um die Informationen des Benutzers anzuzeigen, kannst du die Methode getIdTokenClaims() verwenden:
Jetzt können Sie die Anwendung ausführen und versuchen, sich mit Logto an- und abzumelden:
Wenn Sie während der Integration auf Probleme stoßen, zögern Sie nicht, unserem Discord-Server beizutreten, um mit der Community und dem Logto-Team zu chatten!