如何制作自动输入短信验证码?

效果展示:

前置准备:

  • 搭建完成,待进行数据配置的页面

具体步骤:

  • 添加动态容数据容器组件、标签文本和输入框组件
  • 进行发送验证码触发器配置
  • 验证码输入框配置
  • 键盘上方验证码接收器配置
  • 配置数据中心
  • 添加事件中心

步骤分解:

添加动态容器组件、标签文本和输入框组件

  • 添加 标签文本 动态数据容器 组件到同一位置,动态数据容器 在置后, 标签文本 置前
  • 添加 输入框 动态数据容器 组件到同一位置,动态数据容器 在置后, 输入框 置前

进行发送验证码触发器配置

  • 选中发送验证码 标签文本
  • 添加发送验证码 触发器 ,并进行数据配置

验证码输入框配置

  • 选中 输入框 组件
  • 在 触发器 中 添加 收到验证码 触发器 并进行数据配置
  • 选中验证码输入框 动态数据容器 组件
  • 在 数据绑定及设置 绑定数据

键盘上方验证码接收器配置

  • 选中键盘上方接收器 动态数据容器 组件
  • 在 触发器 中,添加更新 触发器 并进行数据配置
  • 在 触发器 中,添加查询 触发器 并进行数据配置
  • 在 数据绑定及设置 中,绑定数据
  • 选中数字点击上去 标签文本 组件
  • 在 触发器 中,添加送 触发器 并进行数据配置
  • 在 数据绑定及设置 中,修改 自定义数据

配置数据中心

  • 在面板上方 数据中心 创建验证码数据表格

添加事件中心

  • 在面板上方 事件中心 添加 数据事件 验证码查询,进行数据配置
  • 添加 数据事件 Update,进行数据配置

这样就可以实现如何制作自动输入短信验证码了。
官网链接:https://www.towify.com/#/

作者:Towify原文地址:https://segmentfault.com/a/1190000043330711

%s 个评论

要回复文章请先登录注册