Grow with AppMaster Grow with AppMaster.
Become our partner arrow ico

AppMaster中的授权和注册

AppMaster中的授权和注册
内容

在这篇文章中,我们将给你一个例子,说明如何为移动应用程序设置登录/注册流程。首先,想象一下,在我们的移动应用程序中已经有一个页面,代表了一个图书列表。每本书都有自己的标题、作者姓名、流派和图片封面。

app builder

让我们先从签到页开始,创建一个新的空白屏幕(View)。

no code app builder

屏幕的布局包含一个容器,用来对齐其内容。电子邮件字段组件和通行证字段组件都在这个容器内。触发授权过程的按钮也在其中。屏幕的组件树看起来如下。

components tree

在设计器中,它看起来像

mobile app builder

授权业务流程的第一部分与按钮的工作流程有关,你可以在下图中看到它。

no-code business process

  • 它是由on-tap动作触发的。
  • 首先,它从输入字段(电子邮件和密码)获取数值(获取属性)。
  • 输入的值被传递到POST/auth业务流程块。

app generator

  • 如果请求成功(If-Else = true valuation),那么新的Auth Token将被分配给执行该请求的当前用户。
  • 在分配完Auth Token后--用户必须被导航到新的屏幕(本例中的书籍列表页)。

visual programing

  • 如果请求不成功--那么电子邮件字段和通行证字段组件的状态将被更新(更新属性),并附上相应的消息(验证消息)和状态(验证状态)。

关于授权就到此为止。下一步是为我们的应用程序制定一个注册逻辑。让我们创建一个新的空白屏幕(View),就像我们已经为签到逻辑做的那样。不要忘记用组件来填充它。

屏幕组件树看起来像。

Screen components tree

下面的截图中的屏幕布局。

no code mobile builder

签到的业务流程与按钮的工作流程有关,并由on-Tap动作触发。业务流程的第一部分在下面的截图中显示。

visual programing

  • 正如已经提到的,业务流程从on-tap动作开始。
  • 首先,必须从输入中获得所有的值以便进一步处理(获取属性)。

no-code developing

  • 两个密码必须相互比较。为了做到这一点,它们必须被转换为字符串格式(To String)。
  • 比较是由平等逻辑块处理的。

no-code visual programing

  • 如果密码是匹配的,那么输入的值将被提供给POST/注册块。
  • 如果注册成功(通过if-else块验证),那么新的Auth Token将被分配给当前用户。
  • 在令牌被分配后,用户必须被导航到新的页面(本例中的书籍列表)。

no-code

  • 如果密码不匹配(第一个if-else块的错误验证)或者注册不成功(第二个if-else块的错误验证),那么输入组件的状态(Validate Status)和消息(Validate Message)将被更新为相应的值。

这就是我们对注册逻辑的全部需求。

我们需要做的最后一步是确保用户一旦登录就会被导航到正确的页面(本例中为登录页面)。此外,我们还需要添加一个逻辑,如果用户已经登录并且有一个有效的Auth Token,他将被导航到图书列表页面。这可以在触发器和动作部分完成。

Triggers and Actions no-code

负责启动动作的触发器--是onLaunch触发器。它通常是默认为每个新的应用程序预定义的,但我们想在这里创建一些自定义逻辑。因此,最终的结果看起来就像下面的截图。

visual programing

  • 首先,它获得当前用户的最新授权令牌
  • 然后,它向服务器发送一个需要认证的请求。例如,GET/user/profile请求,因为它接受了Auth Token。
  • 该请求的成功由If-Else块来验证

no-code

  • 如果请求成功(if-else块的真实验证),那么用户将被导航到书籍列表屏幕。
  • 如果不成功--他将被导航到签到屏幕。

这就是在AppMaster.io平台上的移动应用程序中签到/签到的简单过程。完整的视频教程。

结论

无代码平台AppMaster使创建你的移动应用程序变得很容易。你可以随时在平台上注册并查看所有的功能。

相关帖子

远程医疗平台:初学者综合指南
远程医疗平台:初学者综合指南
通过本入门指南探索远程医疗平台的基本知识。了解无代码工具的主要功能、优势、挑战和作用。
什么是电子健康记录 (EHR)?为什么它们对现代医疗保健至关重要?
什么是电子健康记录 (EHR)?为什么它们对现代医疗保健至关重要?
探索电子健康记录 (EHR) 在增强医疗服务、改善患者治疗效果和转变医疗实践效率方面的优势。
可视化编程语言与传统编码:哪个更高效?
可视化编程语言与传统编码:哪个更高效?
探索可视化编程语言相对于传统编码的效率,强调寻求创新解决方案的开发人员的优势和挑战。
免费开始
有灵感自己尝试一下吗?

了解 AppMaster 强大功能的最佳方式是亲身体验。免费订阅,在几分钟内制作您自己的应用程序

将您的想法变为现实