背景
根據(jù)產(chǎn)品提供的線索轉(zhuǎn)化漏斗可以看出，大部分用戶不想去點(diǎn)圖形碼，所以這次加上瀏覽器指紋，前三次不出圖形碼驗(yàn)證，三次后才出現(xiàn)圖形碼，加上瀏覽器指紋能滿足用戶體驗(yàn)的同時(shí)，也能防止有人惡意刷短信接口
前端代碼流程：
1、安裝依賴
image.png
2、創(chuàng)建以下文件
image.png
-
fingerprintjs.js
image.png -
jsrsasign.js
image.png -
paramsEncrypt.js
image.png
3、封裝獨(dú)有請(qǐng)求的axios
image.png
4、結(jié)合業(yè)務(wù)進(jìn)行代碼改造
image.png
當(dāng)獲取驗(yàn)證碼時(shí)，在手機(jī)號(hào)格式滿足正則的情況下，進(jìn)行指紋計(jì)數(shù)接口的調(diào)用，返回值為true時(shí)，意味已經(jīng)超過(guò)三次，執(zhí)行之前彈出圖形碼邏輯，否則，直接調(diào)用發(fā)送驗(yàn)證碼接口：如下代碼
image.png
