系统之微信小程序中利用短信验证码 login 的实现流程代码详细解析

GS 232 2024-08-09

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

图片.png

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

短信验证码实现流程

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

小程序代码

info.wxml

图片.png

info.js

图片.png

图片.png

图片.png

图片.png

需要注意的是小程序没有session的概念,所以我们需要虚拟出http的session:

1) 在onReady获取服务器端的sessionId, 并存储到本地缓存中

2) 每次发起http请求时在header中构造: "Cookie": sessionId

服务器端代码

  1. 获取sessionId

    图片.png

2. 发送短信验证码

图片.png

3. 提交信息并验证短信验证码 apache php mysql

图片.png

以上就是系统之微信小程序中利用短信验证码 login 的实现流程与代码详细解析的详细内容!


版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:内存管理插件:优化您的电脑性能的秘诀
下一篇:插件插件管理 - 优化您的网站体验
相关文章

 发表评论

暂时没有评论,来抢沙发吧~