行為驗(yàn)證碼(AJ-Captcha快速入門)

行為驗(yàn)證碼

行為驗(yàn)證碼采用嵌入式集成方式,接入方便,安全,高效。拋棄了傳統(tǒng)字符型驗(yàn)證碼展示-填寫字符-比對答案的流程,采用驗(yàn)證碼展示-采集用戶行為-分析用戶行為流程,用戶只需要產(chǎn)生指定的行為軌跡,不需要鍵盤手動輸入,極大優(yōu)化了傳統(tǒng)驗(yàn)證碼用戶體驗(yàn)不佳的問題;同時,快速、準(zhǔn)確的返回人機(jī)判定結(jié)果。

滑動拼圖
點(diǎn)選文字

AJ-Captcha

anji-plus / AJ-Captcha

Githu地址:
https://github.com/anji-plus/captcha

碼云地址:
https://gitee.com/anji-plus/captcha

文檔地址:
https://captcha.anji-plus.com/#/doc

快速入門

環(huán)境:SpringBoot 2.3.7.RELEASE、Maven

引入依賴

<!--驗(yàn)證碼-->
<dependency>
    <groupId>com.github.anji-plus</groupId>
    <artifactId>captcha-spring-boot-starter</artifactId>
    <version>1.2.7</version>
</dependency>

引入的依賴中,存在 CaptchaController,有默認(rèn)的實(shí)現(xiàn)方式,如果不自定義相關(guān)內(nèi)容,基本不用編寫代碼。

CaptchaController

默認(rèn)的效果。

captcha效果

官方的前端 html 代碼我也 copy 了一份過來,放在項(xiàng)目下了,方便自己驗(yàn)證。

captcha html

官方前端 Demo 代碼,是非常全的。前端代碼使用的什么框架,直接看官方 Demo 就行了。

官方前端 Demo 代碼

修改驗(yàn)證碼的圖片資源

修改驗(yàn)證碼的圖片資源。

注意目錄結(jié)構(gòu)(因?yàn)榭丛创a可發(fā)現(xiàn),在初始化圖片時,它在硬編碼上固定了路徑地址)
注意圖片大小(這個與前端展示的大小有關(guān),默認(rèn)的圖片大小為:寬度:311 像素,高度:155 像素)

固定了路徑地址

使用項(xiàng)目路徑,加個水印。

修改圖片

因?yàn)榫W(wǎng)上隨便找的圖片,效果看上去一般。

效果

aj-captcha-demo

原文地址

demo 源碼

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容