AJ-Captcha行為驗(yàn)證碼
行為驗(yàn)證碼（滑動(dòng)拼圖、點(diǎn)選文字），前后端（java）交互，包含 vue/h5/Android/IOS/flutter/uni-app/react/php/微信小程序的源碼和實(shí)現(xiàn)。
功能概述
組件介紹
行為驗(yàn)證碼采用嵌入式集成方式，接入方便，安全，高效。拋棄了傳統(tǒng)字符型驗(yàn)證碼展示-填寫(xiě)字符-比對(duì)答案的流程，采用驗(yàn)證碼展示-采集用戶行為-分析用戶行為流程，用戶只需要產(chǎn)生指定的行為軌跡，不需要鍵盤(pán)手動(dòng)輸入，極大優(yōu)化了傳統(tǒng)驗(yàn)證碼用戶體驗(yàn)不佳的問(wèn)題；同時(shí)，快速、準(zhǔn)確的返回人機(jī)判定結(jié)果。目前對(duì)外提供兩種類型的驗(yàn)證碼，其中包含滑動(dòng)拼圖、文字點(diǎn)選。如圖1-1、1-2所示。若希望不影響原UI布局，可采用彈出式交互。
?? ?????
?????? 圖1-1 滑動(dòng)拼圖(水印自定義)???????????????圖1-2 文字點(diǎn)選(水印自定義)
概念術(shù)語(yǔ)描述
| 術(shù)語(yǔ) | 描述 |
|---|---|
| 驗(yàn)證碼類型 | 1）滑動(dòng)拼圖 blockPuzzle 2）文字點(diǎn)選 clickWord |
| 驗(yàn)證 | 用戶拖動(dòng)/點(diǎn)擊一次驗(yàn)證碼拼圖即視為一次“驗(yàn)證”，不論拼圖/點(diǎn)擊是否正確 |
| 二次校驗(yàn) | 驗(yàn)證數(shù)據(jù)隨表單提交到后臺(tái)后，后臺(tái)需要調(diào)用captchaService.verification做二次校驗(yàn)。目的是核實(shí)驗(yàn)證數(shù)據(jù)的有效性。 |
交互流程
① 用戶訪問(wèn)應(yīng)用頁(yè)面，請(qǐng)求顯示行為驗(yàn)證碼
② 用戶按照提示要求完成驗(yàn)證碼拼圖/點(diǎn)擊
③ 用戶提交表單，前端將第二步的輸出一同提交到后臺(tái)
④ 驗(yàn)證數(shù)據(jù)隨表單提交到后臺(tái)后，后臺(tái)需要調(diào)用captchaService.verification做二次校驗(yàn)。
⑤ 第4步返回校驗(yàn)通過(guò)/失敗到產(chǎn)品應(yīng)用后端，再返回到前端。如下圖所示。
電腦在線體驗(yàn):https://captcha.anji-plus.com
微信小程序和H5在線體驗(yàn)（基于uni-app實(shí)現(xiàn)）
微信小程序