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

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

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

实现的功能

小程序端:

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

后台:

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

说明

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

项目代码

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