系统—微信小程序中利用短信验证码login实现流程及代码详解

微信小程序中如何获取短信验证码登录的？以下代码详细解说了，分享给大家参考，看看下图的效果，后面将系统介绍短信验证码实现流程。

我是java开发者，后端使用了springMvc

短信验证码实现流程

1、构造手机验证码，生成一个6位的随机数字串；
2、使用接口向短信平台发送手机号和验证码，然后短信平台再把验证码发送到制定手机号上
3、将手机号验证码、操作时间存入Session中，作为后面验证使用；
4、接收用户填写的验证码、手机号及其他注册数据；
5、对比提交的验证码与Session中的验证码是否一致，同时判断提交动作是否在有效期内；
6、验证码正确且在有效期内，请求通过，处理相应的业务。

小程序代码

info.wxml

<!--info.wxml-->
<view>
 
<view><text>手机号码</text><input><text>发送</text><text>{{second+"s"}}</text></view>
 
<view><text>短信验证</text><input></view>
 
<view><text>其他信息</text><input></view>
 
<button>保存</button>
 
</view>