Aprende cómo crear un flujo de autenticación de usuario con Expo (React Native) integrando el SDK de Logto.
En este tutorial, le mostraremos cómo construir un flujo de autenticación de usuario con Expo (React Native) integrando el SDK de Logto. El tutorial utiliza TypeScript como el lenguaje de programación.
Antes de comenzar, asegúrese de tener lo siguiente:
Para comenzar, cree una aplicación de Logto con el tipo "Native". Siga estos pasos para crear una aplicación de Logto:
Luego debería ver una guía interactiva que lo guía a través del proceso de integración del SDK de Logto con su aplicación Expo (React Native). El siguiente contenido puede ser una referencia para uso futuro.
Instala Logto SDK y las dependencias mediante tu gestor de paquetes favorito:
El paquete @logto/rn es el SDK para Logto. Los paquetes restantes son sus dependencias. No pudieron ser listadas como dependencias directas porque el CLI de Expo requiere que todas las dependencias para módulos nativos sean instaladas directamente dentro del package.json del proyecto raíz.
Importa y utiliza LogtoProvider para proporcionar un contexto de Logto:
Cambia a la página de detalles de la aplicación en el Logto Console. Agrega un URI de redirección nativo (por ejemplo, io.logto://callback), luego haz clic en "Guardar".
Para iOS, el esquema del URI de redirección realmente no importa ya que la clase ASWebAuthenticationSession escuchará al URI de redirección independientemente de si está registrado.
Para Android, el esquema del URI de redirección debe completarse en el archivo app.json de Expo, por ejemplo:
Ahora, de vuelta en tu aplicación, puedes usar el hook useLogto para iniciar sesión y cerrar sesión:
Para mostrar la información del usuario, puedes usar el método getIdTokenClaims():
Ahora puede ejecutar la aplicación e intentar iniciar/cerrar sesión con Logto:
Si encuentra algún problema durante la integración, no dude en unirse a nuestro servidor de Discord para chatear con la comunidad y el equipo de Logto!