React Native
...
Users
Gerenciamento de Usuários em React Native com GraphQL e Relay
8 min
trabalhando com usuários introdução no cerne de muitos aplicativos, contas de usuário têm uma noção que permite que os usuários acessem suas informações de forma segura o back4app/parse fornece uma classe de usuário especializada chamada parse user que lida automaticamente com grande parte da funcionalidade necessária para o gerenciamento de contas de usuário vamos explicar melhor como essa classe funciona, dando a você um guia prático sobre como fazer um usuário se inscrever, um usuário fazer login e um usuário fazer logout nos próximos tutoriais, vamos entender como implementar cada um em uma aplicação react native usando graphql e relay objetivo explicar a classe parse user e como o relay lidará com essa classe classe parse user parse user é uma subclasse de parse object e possui todas as mesmas características, como esquema flexível, persistência automática e uma interface de chave valor todos os métodos em parse object também existem em parse user a diferença é que parse user tem algumas adições especiais específicas para contas de usuário propriedades de parse user parse user tem vários valores que o diferenciam de parse object nome de usuário o nome de usuário para o usuário (obrigatório) senha a senha para o usuário (obrigatório na inscrição) email o endereço de email para o usuário (opcional) vamos passar por cada um desses detalhes enquanto analisamos os vários casos de uso para usuários mutação relay uma maneira de lidar com a classe user em um front end com relay no react native é usando mutations as mutations são responsáveis por criar funções, executá las, enviar os dados para o backend e esperar um retorno qualquer função de mutation irá preparar os dados para enviá los quando retornados do backend, trate o cenário de sucesso ou erro em ambos os casos, a aplicação pode controlar o próximo estado e decidir o que acontecerá a seguir este guia está usando relay modern no frontend para consumir graphql o fluxo para criar uma mutação é semelhante ao de criar uma consulta ou fragmento a mutation do relay precisa ser igual à especificação do backend ao criar uma nova mutation, o relay compiler verificará se a estrutura do backend é idêntica à fonte de verdade da aplicação/frontend, o schema graphql toda mutation do relay terá uma função principal chamada commitmutation esta função lida com o fragmento graphql, as variáveis de entrada, o callback de conclusão e o callback de erro a mutation do relay pode ter outros argumentos, mas nos próximos tutoriais não serão utilizados commitmutation commitmutation é a função padrão para criar e executar mutações no seu graphql do lado do cliente semelhante ao queryrenderer, o commitmutation receberá props essas props, combinadas entre si, prepararão a busca, chamarão o servidor e lidarão com o retorno existem tantas props para lidar com sua aplicação em cada caso que ela precisa mas, nos próximos tutoriais, usará apenas a próxima ambiente o ambiente é responsável pela loja e rede de aplicações entrada é um objeto que contém as variáveis necessárias para resolver a mutação oncompleted e onerror são funções, como o nome diz, chamadas quando a mutação é concluída o oncompleted é para sucesso e onerror para erro exemplo de commitmutation 1 function commit({environment, input, oncompleted, onerror}) { 2 const variables = {input}; 3	 4 commitmutation(environment, { 5 mutation, 6 variables, 7 oncompleted, 8 onerror, 9 }); 10 } 11	 12 export default { 13 commit, para mais informações sobre relay mutation, vá para a https //relay dev/docs/en/mutations conclusão agora, o conceito de mutação está claro e explicado no próximo tutorial, será tratado o fluxo de cadastro no back4app lá será especificado como implementar uma mutação simples para registrar um novo usuário e retornar um token de sessão