小程序接入滑動驗證

接入前的準備工作

接入之前，在頂象官網（ https://www.dingxiang-inc.com/business/captcha）注冊一個賬號。

注冊后，登錄管理平臺。找到左側菜單欄的“無感驗證”模塊，并點擊“免費試用”按鈕。接下來，管理平臺會提示填寫應用名稱、應用網址、應用場景、應用偏好。我們可以根據自己運營的小程序的相關情況填寫。

在填寫完成之后，會自動進入應用管理界面，記錄應用密鑰，在稍后的接入過程中需要用到。在這里，我們可以閱讀開發(fā)文檔，查看接入的步驟與相關代碼。

如何接入小程序驗證碼

登錄微信公眾平臺的小程序管理頁面，選擇“關聯小程序”，然后就可以輕松接入驗證碼小程序。

接入方式有兩種：跳轉式接入和 插件式接入。步驟略有不同，下面詳細介紹。

• 跳轉式接入

首先，登錄微信的小程序管理平臺，在“開發(fā)管理”中搜索：wx82db4a59175bdfdf（頂象驗證碼小程序的ID），添加并關聯頂象驗證碼小程序。

然后，把開發(fā)文檔的示例代碼復制、并粘貼到小程序中。

在Appid中填寫之前獲取的密鑰id，這樣就完成了前端部分的集成（需要注意的是，微信模擬器可能會因為BUG無法顯示，我們可以實際運行看是否能夠執(zhí)行跳轉）。

在后端的集成方面，我們需要在頂象開發(fā)文檔中下載集成SDK，然后在開發(fā)文檔的幫助下填寫secret進行鑒權。如果填寫正確，運行之后會返回驗證成功的參數。

• 插件式接入

管理員身份登錄微信公眾平臺，并使用需要接入小程序的相關賬號。接下來，依次點擊設置-第三方服務-添加插件，然后輸入關鍵字“頂象”并搜索（輸入），選擇搜索結果中的“頂象驗證碼”添加插件。

此時，平臺會提示填寫申請說明，如果申請長時間無法通過，可以咨詢頂象技術的客服詢問原因或是重新提交申請。

通過之后，需要在app.json中聲明插件，并在頁面.json中引入自定義組件。

先來看一下聲明插件，我們只需要在默認的.json文件基礎上加這些代碼即可（具體代碼可以從開發(fā)說明文檔之中復制）。

為了驗證效果，我們可以寫一個簡單的登錄界面表單，包括賬號+密碼+登錄按鈕（這里表單用了微信的weui）。根據文檔說明，先在需要增加的頁面index.xwml中添加如下代碼：

可以看到，登錄界面已經出現點擊驗證的控件了，之后我們需要在當前頁面index.js中添加監(jiān)聽事件，并填寫之前拿到的密鑰中的APPID即可。

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