一、相關背景
移動終端上的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的朋友，可以考慮增加這種登錄方式。
