接入前的準(zhǔn)備工作

創(chuàng)新互聯(lián)建站是一家集網(wǎng)站建設(shè),思茅企業(yè)網(wǎng)站建設(shè),思茅品牌網(wǎng)站建設(shè),網(wǎng)站定制,思茅網(wǎng)站建設(shè)報價,網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,思茅網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強企業(yè)競爭力。可充分滿足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿，時刻以成就客戶成長自我，堅持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網(wǎng)站。

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

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

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

如何接入小程序驗證碼

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

接入方式有兩種：跳轉(zhuǎn)式接入和 插件式接入。步驟略有不同，下面詳細(xì)介紹。

• 跳轉(zhuǎn)式接入

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

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

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

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

• 插件式接入

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

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

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

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

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

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

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