Lär dig hur du bygger ett användarauktoriseringsflöde med Expo (React Native) genom att integrera Logto SDK.
I denna handledning visar vi dig hur du bygger ett användarautentiseringsflöde med Expo (React Native) genom att integrera Logto SDK. Handledningen använder TypeScript som programmeringsspråk.
Innan du börjar, se till att du har följande:
För att komma igång, skapa en Logto-applikation med typen "Native". Följ dessa steg för att skapa en Logto-applikation:
Då bör du se en interaktiv guide som leder dig genom processen att integrera Logto SDK med din Expo (React Native) applikation. Följande innehåll kan vara en referens för framtida bruk.
Installera Logto SDK och peer-beroenden via din favoritpakethanterare:
Paketet @logto/rn är SDK för Logto. De återstående paketen är dess peer-beroenden. De kunde inte listas som direkta beroenden eftersom Expo CLI kräver att alla beroenden för native-moduler installeras direkt i rotprojektets package.json.
Importera och använd LogtoProvider för att tillhandahålla ett Logto-kontext:
Switaska till applikationsdetaljsidan i Logto Console. Lägg till en inbyggd omdirigerings-URI (till exempel io.logto://callback), klicka sedan på "Spara".
För iOS, spelar omdirigerings-URI-schema egentligen ingen roll eftersom klassen ASWebAuthenticationSession kommer att lyssna på omdirigerings-URI oavsett om den är registrerad.
För Android, måste omdirigerings-URI-schema fyllas i Expos app.json-fil, till exempel:
Nu tillbaka till din app, du kan använda useLogto-hook för att logga in och logga ut:
För att visa användarens information kan du använda metoden getIdTokenClaims():
Nu kan du köra applikationen och försöka logga in/ut med Logto:
Om du stöter på några problem under integrationen, tveka inte att gå med i vår Discord-server för att chatta med communityn och Logto-teamet!