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

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

制作思路

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

制作过程

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

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

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容