手机验证码开发流程

前几天刚做了一个手机绑定的任务,就是通常的那种需要用户输入手机验证码,然后给该手机号码发送一个验证码,用户单击绑定,如果验证码正确,则绑定成功,否则绑定直白那种。今天有时间把这个任务的大概流程分享出来。

首先分为前段和后台,前段页面大概有手机号码输入框、验证码输入框、验证码获取按钮,还有绑定按钮。

1.当用户输入手机号码后单击“获取验证码按钮”后,要通过正则表达式验证手机号码的正确的正确性,如果不正确给出提示,否则进入第二步。

2.当用户单击“获取验证码”按钮后,通过js把该=该按钮置为不可点,并且在该按钮上给个类似“(89秒)后重新获取”的提示,这种东西我们见得已经很多了,所以你一定知道,进入第三步

3.通过Ajax请求后台,首先通过正则判断从前段传过来的手机号码是否正确,防止有的浏览器禁止js。如果过手机号码不正确,则把错误信息返回给前段,否则进入第四步

4.判断该给该手机号码发送的验证码次数是否在限定时间内已经超过了限定的次数,如果超过返回错误信息,否则进入第五步

5.判断该手机号码是否已经绑定,如果绑定,则把错误信息返回给前段,否则进入第六步

6.生成验证码,存入数据库,包括手机号码,调用已经写好的短信发送发送接口,把该验证码发送给从前段传入的手机号码,如果你要做类似支付宝那种每天只能获取5次的效果时,那你在保存验证码的时候还需保存目前给该手机号码发送验证码的次数,当然验证码是有有效时间的,所以的保存创建时间,进入第七步

注意: 接着再说前段,当89秒倒计时已经完了,那你还需把“获取验证码”的按钮置为可点击,

7.当用户89秒后还没有收到验证码短信,并且再次点击“获取验证码”按钮时,处理逻辑重第一步开始。如果用户收到验证码短信,并且输入了验证码输入框,则进入第八步

8.如果用户单击绑定按钮,通过正则判断验证码的正确性,如果错误,则给出错误提示信息,否则进入第九步

9.进入后台,正则判断重前台传入的手机号码是否正确,有错误返回错误信息,验证该手机号码是否绑定,如果已经绑定则返回错误信息,进入第十步

10.通过该手机号码查询验证码记录,如果没有找到,返回验证码错误信息,否则进入第十一步

11.把前段传入的验证码和从数据查询出来的做比较,如果不一样则返回错误信息,否则进入第十二步

12.判断验证码是否过期,如果过期,返回错误信息,否则绑定成功,保存绑定成功记录,跳转到绑定成功页。

还是那句话,如果在看的过程当中觉得本人写的有不妥或是不对的地方敬请提出,提前致谢。

你可能感兴趣的:(手机验证码开发流程)