03｜无代码开发 ｜ 如何使用Zion实现发送验证码

今天这篇文章来记录下在Zion中是如何完成发送验证码的功能的，我们知道在正常微信开发者工具中想要完成发送验证码这一功能，是需要调用微信官方的云服务接口的，虽然代码量不是很多，但是步骤比较繁琐，而在Zion中仅仅只需要10分钟即可，下面就给大家展示一下制作的思路和过程。

制作思路

用户输入手机号，发送验证码，收到验证码后进行验证，验证通过进入指定页面。

制作过程

首先在页面中放置 2 个输入框和 2 个按钮，输入框分别命名为：手机号和验证码；按钮分别命名为：发送验证码和登录

点击“发送验证码”的图片按钮，为其添加“发送验证码”的行为，并且将发送内容设置为“手机号”这个输入框，为的是让程序知道，发送到哪个号码；同时在“成功时”我们添加一个“显示提示”的行为，告知用户验证码已发送成功。

下一步我们为登录按钮，增加一个“校验验证码”的行为，我们使用相同的方法，来指定手机号和验证码的 2 个输入框，也用于使用对应的手机号和验证码进行组合校验。在这里，我们同时还设置了“成功后”跳转到仪表盘页面；“失败时”提示验证码错误。

细心的朋友应该看出来了，其实最核心的步骤就是【发送验证码】这个行为，就想很多复用的组件一样，Zion帮你把用代码写的所有步骤和所有配置都集中在了这个行为里面，只需要你调用一下这个行为就可以了。这是真真正正做到了像搭积木一样开发小程序，在这里分享给大家。