小程序如何接入滑動驗證

接入前的準備工作

接入之前,在頂象官網(https://www.dingxiang-inc.com/business/captcha)註冊一個賬號。

註冊後,登錄管理平臺。找到左側菜單欄的“無感驗證”模塊,並點擊“免費試用”按鈕。接下來,管理平臺會提示填寫應用名稱、應用網址、應用場景、應用偏好。我們可以根據自己運營的小程序的相關情況填寫。
在這裏插入圖片描述
在填寫完成之後,會自動進入應用管理界面,記錄應用密鑰,在稍後的接入過程中需要用到。在這裏,我們可以閱讀開發文檔,查看接入的步驟與相關代碼。

如何接入小程序驗證碼

登錄微信公衆平臺的小程序管理頁面,選擇“關聯小程序”,然後就可以輕鬆接入驗證碼小程序。
undefined
接入方式有兩種:跳轉式接入和 插件式接入。步驟略有不同,下面詳細介紹。

  • 跳轉式接入

首先,登錄微信的小程序管理平臺,在“開發管理”中搜索:wx82db4a59175bdfdf(頂象驗證碼小程序的ID),添加並關聯頂象驗證碼小程序。
undefined
然後,把開發文檔的示例代碼複製、並粘貼到小程序中。
undefined
在Appid中填寫之前獲取的密鑰id,這樣就完成了前端部分的集成(需要注意的是,微信模擬器可能會因爲BUG無法顯示,我們可以實際運行看是否能夠執行跳轉)。
undefined
在後端的集成方面,我們需要在頂象開發文檔中下載集成SDK,然後在開發文檔的幫助下填寫secret進行鑑權。如果填寫正確,運行之後會返回驗證成功的參數。

  • 插件式接入

管理員身份登錄微信公衆平臺,並使用需要接入小程序的相關賬號。接下來,依次點擊設置-第三方服務-添加插件,然後輸入關鍵字“頂象”並搜索(輸入),選擇搜索結果中的“頂象驗證碼”添加插件。
undefined
此時,平臺會提示填寫申請說明,如果申請長時間無法通過,可以諮詢頂象技術的客服詢問原因或是重新提交申請。

通過之後,需要在app.json中聲明插件,並在頁面.json中引入自定義組件。

先來看一下聲明插件,我們只需要在默認的.json文件基礎上加這些代碼即可(具體代碼可以從開發說明文檔之中複製)。
undefined
爲了驗證效果,我們可以寫一個簡單的登錄界面表單,包括賬號+密碼+登錄按鈕(這裏表單用了微信的weui)。根據文檔說明,先在需要增加的頁面index.xwml中添加如下代碼:
undefined
可以看到,登錄界面已經出現點擊驗證的控件了,之後我們需要在當前頁面index.js中添加監聽事件,並填寫之前拿到的密鑰中的APPID即可。

無論哪種方式,都可以快速使用接入小程序,讓小程序用戶擯棄“反人類”的複雜驗證碼,通過滑動的方式快捷通過驗證,還可以防範機器行爲、薅羊毛、虛假裂變、賬號欺詐等惡意行爲,大大提升用戶的體驗和安全性。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章