Leer hoe je een gebruikersauthenticatiestroom kunt bouwen met Expo (React Native) door de Logto SDK te integreren.
In deze handleiding laten we je zien hoe je een gebruikersauthenticatieflow kunt bouwen met Expo (React Native) door Logto SDK te integreren. De handleiding gebruikt TypeScript als programmeertaal.
Voordat je begint, zorg ervoor dat je het volgende hebt:
Om te beginnen, maak een Logto-toepassing met het type "Native". Volg deze stappen om een Logto-toepassing te maken:
Dan zou je een interactieve gids moeten zien die je door het proces van het integreren van Logto SDK met je Expo (React Native) toepassing leidt. De volgende inhoud kan als referentie voor toekomstig gebruik dienen.
Installeer Logto SDK en peer-afhankelijkheden via je favoriete pakketbeheerder:
Het @logto/rn pakket is de SDK voor Logto. De overige pakketten zijn de peer-afhankelijkheden. Ze konden niet worden vermeld als directe afhankelijkheden omdat het Expo CLI vereist dat alle afhankelijkheden voor native modules direct binnen de 'package.json'-bestand van het hoofdproject worden geïnstalleerd.
Importeer en gebruik LogtoProvider om een Logto-context te bieden:
Ga naar de pagina met applicatiedetails van de Logto Console. Voeg een native redirect-URI toe (bijvoorbeeld io.logto://callback), klik vervolgens op "Opslaan".
Voor iOS maakt het redirect-URI schema eigenlijk niet uit, aangezien de ASWebAuthenticationSession klasse naar de redirect-URI zal luisteren ongeacht of deze is geregistreerd of niet.
Voor Android moet het redirect-URI schema worden ingevuld in het app.json bestand van Expo, bijvoorbeeld:
Nu terug naar je app, je kunt de useLogto hook gebruiken om in en uit te loggen:
Om de informatie van de gebruiker weer te geven, kun je de getIdTokenClaims() methode gebruiken:
Nu kun je de toepassing uitvoeren en proberen in te loggen/uit te loggen met Logto:
Als je problemen ondervindt tijdens de integratie, aarzel dan niet om onze Discord-server te joinen om te chatten met de gemeenschap en het Logto-team!