React Native
...
Users
在React Native中使用Parse.User和Relay实现用户管理
6 分
与用户合作 介绍 在许多应用程序的核心,用户帐户有一个概念,让用户安全地访问他们的信息。在 back4app/parse 提供了一个名为 parse user 的专用用户类,它自动处理用户帐户管理所需的许多功能。 我们将通过提供一个实际指南来更好地解释这个类是如何工作的,指导用户注册、用户登录和用户注销。在接下来的教程中,让我们了解如何在使用 graphql 和 relay 的 react native 应用程序中实现每一个。 目标 解释 parse user 类以及 relay 如何处理这个类。 parse 用户类 parse user 是 parse object 的子类,具有所有相同的特性,例如灵活的模式、自动持久性和键值接口。parse object 上的所有方法也存在于 parse user 中。不同之处在于 parse user 有一些特定于用户帐户的特殊附加功能。 parse user 属性 parse user 有几个值使其与 parse object 区分开来: 用户名:用户的用户名(必填)。 密码:用户的密码(注册时必填)。 电子邮件:用户的电子邮件地址(可选)。 我们将在讨论用户的各种用例时详细介绍每一个。 relay 变更 在 react native 的前端使用 relay 处理 user 类的一种方法是使用 mutations。mutations 负责创建函数、执行它们、将数据发送到后端,并期待返回。任何 mutation 函数都会准备要发送的数据。当从后端返回时,处理成功或错误场景。在这两种情况下,应用程序可以控制下一个状态并决定之后会发生什么。 本指南在前端使用 relay modern 来消费 graphql。创建 mutation 的流程类似于创建查询或片段。 relay mutation 需要与后端规范相等。当创建新的 mutation 时,relay 编译器将检查后端结构是否与应用程序/前端的真实来源 schema graphql 相同。 每个 relay mutation 都将有一个主要函数,称为 commitmutation。此函数处理 graphql 片段、输入变量、完成和错误回调。relay mutation 可以有其他参数,但在接下来的教程中将不使用。 commitmutation commitmutation 是在客户端创建和执行 graphql mutations 的默认函数。与 queryrenderer 类似,commitmutation 将接收 props。这些 props 自身组合,将准备 fetch,调用服务器,并处理返回。 有很多 props 可以处理应用程序在每种情况下所需的内容。但是,在接下来的教程中,只会使用下一个: 环境:环境负责应用程序的存储和网络。 输入是一个包含解决变更所需变量的对象。 oncompleted 和 onerror:是函数,顾名思义,在变更完成时调用。oncompleted 用于成功,onerror 用于错误。 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, 有关 relay mutation 的更多信息,请访问 官方文档 。 结论 现在,变更的概念已经清晰并得到解释。在下一个教程中,将处理 back4app 上的注册流程。将具体说明如何实现一个简单的变更以注册新用户并返回会话令牌。