既然說了極驗祝高,那么我就簡單介紹一下極驗是一個什么工具:
極驗驗證是一種在計算機領域用于區(qū)分自然人和機器人的瓢剿,通過簡單集成的方式额划,為開發(fā)者提供安全、便捷的云端驗證服務疾党。
與以往傳統(tǒng)驗證碼不同的是音诫,極驗通過分析用戶完成拼圖過程中的行為特征,通過數(shù)據(jù)分析來判斷是人還是機器仿贬。用戶不必面對眼花繚亂的英文字符或漢字纽竣,整個驗證過程變的像游戲一樣有趣。
現(xiàn)在我們來說說如何將極驗前端的內(nèi)容和vue用原生js進行結合:
一般來說茧泪,在jquery框架或者其它框架內(nèi)蜓氨,直接引入極驗前端的sdk或js文件即可,并且極驗的js文件是一個閉包函數(shù)队伟,直接引入即可穴吹;但是在vue內(nèi)想通過script標簽引入第三方js文件就不像傳統(tǒng)的前端框架或html文件那樣方便,因為vue本身是使用的es6語法嗜侮,需要通過用webpack和gulp之類的工具編譯es6后再使用script港令,因此咱們還是中規(guī)中矩用點簡單的方法來引入:
將極驗的閉包函數(shù)賦值給一個變量,然后通過es6的export default導出(當然也可以直接將該閉包函數(shù)通過export default導出)
然后就可以在你想使用極驗驗證碼的地方锈颗,通過import導入極驗的閉包函數(shù)顷霹,由于閉包函數(shù)將想要返回的initGeetest函數(shù)賦傳給了window,因此可以通過調(diào)用window.initGeetest({})函數(shù)來使用極驗了:
window.initGeetest的回調(diào)函數(shù)的參數(shù)是極驗驗證碼的dom击吱,在該回調(diào)函數(shù)內(nèi)可將驗證碼dom放置在你的頁面任何地方淋淀,然后你就可以看到你的vue頁面出現(xiàn)了極驗驗證碼啦~(具體的函數(shù)、參數(shù)等內(nèi)容請在注冊極驗驗證碼帳號后查看官方文檔)覆醇。