微信小程序 短信验证 功能的实现(附案例代码/前后端/直接用)

模块效果展示(小程序界面)

动图效果展示

实现的功能

小程序端:

  • 请求获取短信验证码
  • 两次请求之间间隔至少一分钟
  • 填写必填内容后,才能提交表单
  • 手机号合法性检验

后台:

  • 接前台请求后,通过阿里云发送短信
  • 生成随机数字验证码(默认6位)
  • 收到提交的表单后,对验证码字段进行判断
    • 验证码是否过期
    • 验证码是否正确
  • 通过验证后,方能进行下一步操作
    • 如保存表单信息至数据库等
  • 结果反馈

说明

  • 项目包含前后端代码,可以直接用,并添加自己想要的功能
  • 使用阿里云的短信服务,具体配置见仓库说明
  • 手机号合法性验证部分,为了让代码长期可用,没有针对现行号段进行详细检测,而是只进行了粗略的检测
    • 其实就是,不参照现有号段信息,对第二位以后进行详细判断,防止新号段出现后误报错
    • 主要通过input来限制填入类型(number),以及检测第一位号码数字

项目代码

参考这个仓库,如有帮助,请STAR


注:已重构后端代码,更清晰,欢迎 star

  • 5
    点赞
  • 30
    收藏
    觉得还不错? 一键收藏
  • 15
    评论
评论 15
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值