背景
根据产品提供的线索转化漏斗可以看出,大部分用户不想去点图形码,所以这次加上浏览器指纹,前三次不出图形码验证,三次后才出现图形码,加上浏览器指纹能满足用户体验的同时,也能防止有人恶意刷短信接口
前端代码流程:
1、安装依赖
2、创建以下文件
-
fingerprintjs.js
-
jsrsasign.js
-
paramsEncrypt.js
3、封装独有请求的axios
4、结合业务进行代码改造
当获取验证码时,在手机号格式满足正则的情况下,进行指纹计数接口的调用,返回值为true时,意味已经超过三次,执行之前弹出图形码逻辑,否则,直接调用发送验证码接口:如下代码