Opi rakentamaan käyttäjäautentikointiprosessi Expon (React Native) avulla integroimalla Logto SDK.
Tässä oppaassa näytämme, miten rakentaa käyttäjän todennusvirta Expo (React Native)-integraation avulla Logto SDK:lla. Opas käyttää TypeScript ohjelmointikielenä.
Ennen kuin aloitat, varmista, että sinulla on seuraavat:
Aloittaaksesi, luo Logto-sovellus "Native" tyypillä. Seuraa näitä vaiheita luodaksesi Logto-sovelluksen:
Näet interaktiivisen oppaan, joka opastaa sinua Logto SDK:n integroinnissa Expo (React Native)-sovellukseen. Seuraava sisältö voi olla viite tulevaa käyttöä varten.
Asenna Logto SDK ja sen vertaisriippuvuudet suosikki pakettinhallintasi kautta:
@logto/rn -paketti on SDK Logto:lle. Loput paketit ovat sen vertaisriippuvuuksia. Niitä ei voitu luetteloida suoraan riippuvuuksina, koska Expo CLI vaatii, että kaikki natiivimoduulien riippuvuudet asennetaan suoraan pääprojektin package.json -tiedostoon.
Tuo ja käytä LogtoProvider -luokkaa tarjotaksesi Logto-kontekstin:
Siirry Logto Consolen sovellusasetusten sivulle. Lisää alkuperäinen uudelleenohjaus-URI (esimerkiksi io.logto://callback), napsauta sitten "Tallenna".
iOS:llä uudelleenohjaus-URI-skeemalla ei ole merkitystä, koska ASWebAuthenticationSession -luokka kuuntelee uudelleenohjaus-URI:a riippumatta siitä, onko se rekisteröity.
Androidilla uudelleenohjaus-URI-skeema on täytettävä Expon app.json -tiedostossa, esimerkiksi:
Nyt takaisin sovellukseesi, voit käyttää useLogto -hookia kirjautumiseen ja uloskirjautumiseen:
Käyttäjän tietojen näyttämiseksi voit käyttää getIdTokenClaims() -menetelmää:
Nyt voit ajaa sovelluksen ja yrittää kirjautua sisään/ulos Logton avulla:
Jos kohtaat ongelmia integraation aikana, älä epäröi liittyä Discord-palvelimellemme keskustellaksesi yhteisön ja Logto-tiimin kanssa!