西寧做網(wǎng)站ci君博卻上,營(yíng)銷號(hào)視頻生成器手機(jī)版,網(wǎng)站后臺(tái)html5模板,網(wǎng)站排名優(yōu)化方法驗(yàn)證碼體系VonaJS的內(nèi)置模塊a-captcha提供了通用的驗(yàn)證碼體系#xff0c;使用Captcha Provider支持各種驗(yàn)證碼方式#xff0c;并且使用Captcha Scene支持不同場(chǎng)景的驗(yàn)證碼使用策略特性Captcha Provider#xff1a;使用Captcha Provider支持各種驗(yàn)證碼方式#xff0c;如使用Captcha Provider支持各種驗(yàn)證碼方式并且使用Captcha Scene支持不同場(chǎng)景的驗(yàn)證碼使用策略特性Captcha Provider使用Captcha Provider支持各種驗(yàn)證碼方式如文字圖形驗(yàn)證碼、短信驗(yàn)證碼等等Captcha Scene使用Captcha Scene支持不同場(chǎng)景的驗(yàn)證碼使用策略。比如在某個(gè)場(chǎng)景下可以在多個(gè) Captcha Provider 中進(jìn)行輪替或者根據(jù)用戶狀態(tài)使用不同難度的 Captcha Provider等等立即驗(yàn)證前端可以對(duì)用戶輸入的驗(yàn)證碼進(jìn)行立即驗(yàn)證。立即驗(yàn)證之后在提交表單時(shí)仍然要進(jìn)行二次驗(yàn)證表單驗(yàn)證前端可以將用戶輸入的驗(yàn)證碼與表單數(shù)據(jù)一起發(fā)往后端驗(yàn)證bean.captcha模塊a-captcha提供了全局 Bean bean.captcha可以通過(guò)統(tǒng)一的方式使用所有 Provider/Scene 提供的驗(yàn)證碼能力模塊a-captchasimple提供了一個(gè) Provider a-captchasimple:imageText基于svg-captcha實(shí)現(xiàn)文字圖片的驗(yàn)證碼能力模塊a-captchasimple提供了一個(gè) Scene a-captchasimple:simple。該 Scene 只使用一個(gè) Provider即a-captchasimple:imageText下面演示如何使用模塊a-captchasimple提供的驗(yàn)證碼能力1. create// create captchaconst captcha await this.bean.captcha.create(a-captchasimple:simple);返回值類型ICaptchaDataexport interface ICaptchaData {id: string;provider: keyof ICaptchaProviderRecord;token?: unknown;payload: unknown;}名稱 說(shuō)明id 本次驗(yàn)證碼數(shù)據(jù)的id標(biāo)識(shí)provider 本次驗(yàn)證碼所使用的Provider名稱token 本次驗(yàn)證碼數(shù)據(jù)的token用于比對(duì)用戶輸入值。在開(kāi)發(fā)環(huán)境可以通過(guò)修改系統(tǒng)配置將token發(fā)往前端用于調(diào)試payload 本次驗(yàn)證碼的負(fù)載內(nèi)容不同的Provider有不同的payload類型2. refresh// refresh captchaconst captchaNew await this.bean.captcha.refresh(captchaId, a-captchasimple:simple);如果一個(gè) Scene 配置了多個(gè) Provider那么在刷新 capthca 時(shí)可以基于策略選取不同的 Provider3. verify// verify captchaconst passed await this.bean.captcha.verify(captchaId, 1234, a-captchasimple:simple);4. verifyImmediate前端可以對(duì)用戶輸入的驗(yàn)證碼進(jìn)行立即驗(yàn)證。立即驗(yàn)證之后在提交表單時(shí)仍然要進(jìn)行二次驗(yàn)證// verifyImmediate captchaconst tokenOrFalse await this.bean.captcha.verifyImmediate(captchaId, 1234);如果立即驗(yàn)證失敗返回false如果立即驗(yàn)證成功返回二次token前端需要將二次token與表單數(shù)據(jù)一起發(fā)往后端進(jìn)行二次驗(yàn)證interceptor.captchaVerify模塊a-captcha提供了一個(gè)局部攔截器a-captcha:captchaVerify可以針對(duì) API 啟用驗(yàn)證碼校驗(yàn)src/suite/a-home/modules/home-user/src/controller/passport.tsimport { Core } from vona-module-a-core;class ControllerPassport {Web.post(login) Core.captchaVerify({ scene: a-captchasimple:simple })async login(Arg.body() data) {}}Core.captchaVerify: 用于使用局部攔截器a-captcha:captchaVerify傳入需要使用的 Scene 名稱該攔截器支持表單驗(yàn)證和二次驗(yàn)證Captcha API模塊a-captcha提供了一組開(kāi)箱即用的 Captcha API對(duì)bean.captcha的能力進(jìn)行了封裝src/suite-vendor/a-vona/modules/a-captcha/src/controller/captcha.ts名稱 說(shuō)明createrefreshverifyImmediate為何沒(méi)有提供verifyAPI因?yàn)閎ean.captcha.verify方法用于局部攔截器a-captcha:captchaVerify參數(shù)配置可以在 App Config 中修改模塊a-captcha的參數(shù)配置src/backend/config/config/config.ts// modulesconfig.modules {a-captcha: {captcha: {showToken: false,},captchaProvider: {ttl: 20 * 60 * 1000,ttlSecondary: 20 * 60 * 1000,},},};名稱 說(shuō)明captcha.showToken 是否顯示token。如果為true就將token發(fā)往前端用于調(diào)試。默認(rèn)為falsecaptchaProvider.ttl captcha token的過(guò)期時(shí)間captchaProvider.ttlSecondary 二次token的過(guò)期時(shí)間