用戶投稿:接入頂象技術小程序驗證碼全過程

前一段時間,頂象技術推出了國內首個小程序安全解決方案。這個由小程序設備指紋、小程序驗證碼以及小程序代碼混淆加密服務組成的方案,能夠有效防範賬號、交互、交易、信息等各類風險,保障150萬小程序的運行安全。

方案發布後,小象根據用戶諮詢,統計出了用戶最關心的10個諮詢問題。這段時間來,小象又收到很多小程序用戶發來的使用過程和應用反饋。以下是小程序用戶“金色馬車”撰寫的小程序接入體驗過程,特全文刊登。

接入前的準備工作

接入之前,在頂象官網註冊一個賬號。

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

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

如何接入小程序驗證碼

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

 

步驟略有不同,下面詳細介紹。

跳轉式接入

首先,登錄微信的小程序管理平臺,在“開發管理”中搜索:wx82db4a59175bdfdf(頂象驗證碼小程序的ID),添加並關聯頂象驗證碼小程序。

然後,把開發文檔的示例代碼複製、並粘貼到小程序中。

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

 

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

 

插件式接入

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

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

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

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

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

 

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

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

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