0
点赞
收藏
分享

微信扫一扫

如何使用 Towify 在小程序中配置“获取手机验证码登陆”功能?

前置准备:

  • 需要发送验证码的手机号

具体步骤:

  • 创建 用户表
  • 添加 输入框组件
  • 添加触发 按钮
  • 创建 发送手机验证码事件
  • 创建 手机登陆事件
  • 配置获取验证码按钮 触发器
  • 配置登陆按钮 触发器

步骤分解:

创建用户表

  • 打开 数据中心
  • 创建 用户表

如何使用 Towify 在小程序中配置“获取手机验证码登陆”功能?_验证码

添加输入框组件

  • 添加“请输入手机号码” 输入框组件
  • 添加“输入验证码“ 输入框组件
  • 配置 输入框组件 自定义数据

如何使用 Towify 在小程序中配置“获取手机验证码登陆”功能?_触发器_02

添加触发按钮

  • 添加获取验证码 按钮组件
  • 添加登陆 按钮组件
  • 配置 按钮组件

如何使用 Towify 在小程序中配置“获取手机验证码登陆”功能?_微信小程序_03

创建发送手机验证码事件

  • 打开 事件中心
  • 点击 自定义事件
  • 创建 发送短信验证码事件

如何使用 Towify 在小程序中配置“获取手机验证码登陆”功能?_无代码_04

创建手机登录事件

  • 点击 手机登陆事件
  • 配置 手机登陆事件

如何使用 Towify 在小程序中配置“获取手机验证码登陆”功能?_微信小程序_05

配置获取验证码按钮触发器

  • 选中获取验证码 按钮
  • 创建发送验证码 触发器(​​发送提示对话框需额外添加​​)
  • 配置 触发器

如何使用 Towify 在小程序中配置“获取手机验证码登陆”功能?_验证码_06

配置登陆按钮触发器

  • 选中登陆 按钮
  • 创建登陆 触发器(数据事件响应设置中需要额外各自​​配置一个成功提示和失败提示的对话框​​)
  • 配置 触发器

如何使用 Towify 在小程序中配置“获取手机验证码登陆”功能?_微信小程序_07

这样就可以在小程序中配置“获取手机验证码登陆”的功能了。

举报

相关推荐

0 条评论