Aprenda a criar um fluxo de autenticação de usuário com Expo (React Native) integrando o SDK do Logto.
Neste tutorial, vamos mostrar como construir um fluxo de autenticação de usuário com Expo (React Native) integrando o Logto SDK. O tutorial usa TypeScript como a linguagem de programação.
Antes de começar, certifique-se de que tem o seguinte:
Para começar, crie uma aplicação Logto com o tipo "Native". Siga estes passos para criar uma aplicação Logto:
Depois você deve ver um guia interativo que o orienta no processo de integração do Logto SDK com sua aplicação Expo (React Native). O conteúdo a seguir pode ser uma referência para uso futuro.
Instale o SDK do Logto e as dependências pares através do seu gerenciador de pacotes favorito:
O pacote @logto/rn é o SDK para Logto. Os pacotes restantes são suas dependências pares. Eles não puderam ser listados como dependências diretas porque o CLI do Expo exige que todas as dependências para módulos nativos sejam instaladas diretamente no package.json do projeto raiz.
Importe e use LogtoProvider para fornecer um contexto do Logto:
Vá para a página de detalhes da aplicação no Logto Console. Adicione um URI de redirecionamento nativo (por exemplo, io.logto://callback), então clique em "Salvar".
Para iOS, o esquema de URI de redirecionamento não importa realmente, já que a classe ASWebAuthenticationSession ouvirá o URI de redirecionamento independentemente de estar registrado.
Para Android, o esquema de URI de redirecionamento deve ser preenchido no arquivo app.json do Expo, por exemplo:
Agora, de volta ao seu aplicativo, você pode usar o hook useLogto para fazer login e logout:
Para exibir as informações do usuário, você pode usar o método getIdTokenClaims():
Agora você pode executar a aplicação e tentar iniciar sessão/terminar sessão com o Logto:
Se encontrar algum problema durante a integração, não hesite em juntar-se ao nosso servidor Discord para conversar com a comunidade e a equipe Logto!