基于cordova-plugin-android-fingerprint-auth插件實現指紋登錄

一、相關背景

移動終端上的APP登錄一般有賬號登錄、人臉識別登錄、指紋登錄等方式,其中賬號登錄是傳統的通行做法,但要輸入內容較多,在移動終端上會稍顯麻煩;人臉識別不需要額外輸入,而且顯得高大上,但需要調用服務提供商的接口,這些接口一般都是要收費的;指紋登錄則是利用移動設備本身的指紋識別功能,具備前兩者的優點,缺點就是手指蛻皮人員不太好用。

綜合以上,建議采用賬號登錄、指紋登錄兩種方式,本文介紹指紋登錄的技術實現方式。

二、實現方式

1、開發環境

Nodejs + Vue + cordova

2、安裝插件

在cordova目錄內執行如下命令安裝指紋識別插件:

cordova plugin add cordova-plugin-android-fingerprint-auth

3、使用插件

在各個VUE頁面中就可以直接調用插件提供的FingerprintAuth.isAvailable、FingerprintAuth.encrypt等方法實現業務功能。

三、功能設計

1、注冊指紋

1.1、獲取登錄信息

從數據庫獲取登錄賬號(用戶序號clientId、用戶名username、登錄密碼password)

1.2、獲取指紋憑證

在成功調用FingerprintAuth.isAvailable后,通過FingerprintAuth.encrypt獲取指紋登錄憑證token

2、指紋登錄

2.1、可用性檢測

檢測是否有指紋注冊,如果沒有則不能適用該登錄方式

2.2、通過指紋獲取登錄密碼

在成功調用FingerprintAuth.isAvailable后,依據用戶序號clientId、用戶名username、指紋登錄憑證token通過FingerprintAuth.decrypt獲取登錄密碼

2.3、比較密碼是否一致

該密碼如果和登錄密碼password一致,則成功登錄

四、幾個注意點

1、權限

執行FingerprintAuth.isAvailable時,出現“FINGERPRINT_PERMISSION_DENIED”錯誤。

需要開放USE_FINGERPRINT權限,常量USE_FINGERPRINT在API級別28中已棄用;因此也可以嘗試開通USE_BIOMETRIC權限。具體開通方法參見http://www.lxweimin.com/p/40f9e8fe0df2。

2、登錄信息保存

用戶序號clientId、用戶名username、登錄密碼password、指紋登錄憑證token四個信息需要保存在本地,一般可以采用localStorage保存即可。

3、指紋窗口個性化

指紋注冊、指紋登錄的時候,在指紋采集后都會彈出一個指紋識別結果的窗口,該對話框窗口的標題區dialogTitle和提示文字dialogMessage均可以自行重新指定,另外為了方便閱讀窗口,一般將該窗口的語言設置為中文locale: 'zh_CN'。

4、其余幾個方法

除了isAvailable、encrypt、decrypt三個必須用到的方法外,還有delete、dismiss兩個方法。這五個方法的作用分別如下:

4.1、isAvailable,檢測指紋識別功能是否可用。

4.2、encrypt,加密賬戶信息并保存到默認位置,同時返回指紋識別憑證token(這個token類似賬戶信息加密的證書,后續就用這個證書來解密,即“賬戶信息+指紋=token”)。

4.3、decrypt,通過指紋識別憑證token解密獲取到賬戶中的登錄密碼。

4.4、delete,刪除默認位置保存的賬戶信息。

4.5、dismiss,關閉指紋識別的對話窗口。

五、相關組件

1、cordova-plugin-android-fingerprint-auth

網址:https://www.npmjs.com/package/cordova-plugin-android-fingerprint-auth
https://github.com/mjwheatley/cordova-plugin-android-fingerprint-auth

筆者目前用的就是這個組件,這個組件的缺點就是只支持android,如果是IOS,則需要另外的指紋識別組件。

2、cordova-plugin-fingerprint-aio

網址:https://github.com/NiklasMerz/cordova-plugin-fingerprint-aio

這個組件的優點是同時支持android、IOS,但需要cordova-android9.0及以上版本支持。筆者的cordova-android是8.1.0版本,所以只能放棄。

六、總結

移動終端上的APP通過以上組件增加指紋登錄方式,實現起來非常簡單,代碼量也很少,建議正在開發APP的朋友,可以考慮增加這種登錄方式。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容