一、相關(guān)背景
移動(dòng)終端上的APP登錄一般有賬號(hào)登錄、人臉識(shí)別登錄、指紋登錄等方式，其中賬號(hào)登錄是傳統(tǒng)的通行做法，但要輸入內(nèi)容較多，在移動(dòng)終端上會(huì)稍顯麻煩；人臉識(shí)別不需要額外輸入，而且顯得高大上，但需要調(diào)用服務(wù)提供商的接口，這些接口一般都是要收費(fèi)的；指紋登錄則是利用移動(dòng)設(shè)備本身的指紋識(shí)別功能，具備前兩者的優(yōu)點(diǎn)，缺點(diǎn)就是手指蛻皮人員不太好用。
綜合以上，建議采用賬號(hào)登錄、指紋登錄兩種方式，本文介紹指紋登錄的技術(shù)實(shí)現(xiàn)方式。
二、實(shí)現(xiàn)方式
1、開發(fā)環(huán)境
Nodejs + Vue + cordova
2、安裝插件
在cordova目錄內(nèi)執(zhí)行如下命令安裝指紋識(shí)別插件：
cordova plugin add cordova-plugin-android-fingerprint-auth
3、使用插件
在各個(gè)VUE頁面中就可以直接調(diào)用插件提供的FingerprintAuth.isAvailable、FingerprintAuth.encrypt等方法實(shí)現(xiàn)業(yè)務(wù)功能。
三、功能設(shè)計(jì)
1、注冊(cè)指紋
1.1、獲取登錄信息
從數(shù)據(jù)庫獲取登錄賬號(hào)（用戶序號(hào)clientId、用戶名username、登錄密碼password）
1.2、獲取指紋憑證
在成功調(diào)用FingerprintAuth.isAvailable后，通過FingerprintAuth.encrypt獲取指紋登錄憑證token
2、指紋登錄
2.1、可用性檢測(cè)
檢測(cè)是否有指紋注冊(cè)，如果沒有則不能適用該登錄方式
2.2、通過指紋獲取登錄密碼
在成功調(diào)用FingerprintAuth.isAvailable后，依據(jù)用戶序號(hào)clientId、用戶名username、指紋登錄憑證token通過FingerprintAuth.decrypt獲取登錄密碼
2.3、比較密碼是否一致
該密碼如果和登錄密碼password一致，則成功登錄
四、幾個(gè)注意點(diǎn)
1、權(quán)限
執(zhí)行FingerprintAuth.isAvailable時(shí)，出現(xiàn)“FINGERPRINT_PERMISSION_DENIED”錯(cuò)誤。
需要開放USE_FINGERPRINT權(quán)限，常量USE_FINGERPRINT在API級(jí)別28中已棄用；因此也可以嘗試開通USE_BIOMETRIC權(quán)限。具體開通方法參見http://www.itdecent.cn/p/40f9e8fe0df2。
2、登錄信息保存
用戶序號(hào)clientId、用戶名username、登錄密碼password、指紋登錄憑證token四個(gè)信息需要保存在本地，一般可以采用localStorage保存即可。
3、指紋窗口個(gè)性化
指紋注冊(cè)、指紋登錄的時(shí)候，在指紋采集后都會(huì)彈出一個(gè)指紋識(shí)別結(jié)果的窗口，該對(duì)話框窗口的標(biāo)題區(qū)dialogTitle和提示文字dialogMessage均可以自行重新指定，另外為了方便閱讀窗口，一般將該窗口的語言設(shè)置為中文locale: 'zh_CN'。
4、其余幾個(gè)方法
除了isAvailable、encrypt、decrypt三個(gè)必須用到的方法外，還有delete、dismiss兩個(gè)方法。這五個(gè)方法的作用分別如下：
4.1、isAvailable，檢測(cè)指紋識(shí)別功能是否可用。
4.2、encrypt，加密賬戶信息并保存到默認(rèn)位置，同時(shí)返回指紋識(shí)別憑證token（這個(gè)token類似賬戶信息加密的證書，后續(xù)就用這個(gè)證書來解密，即“賬戶信息+指紋=token”）。
4.3、decrypt，通過指紋識(shí)別憑證token解密獲取到賬戶中的登錄密碼。
4.4、delete，刪除默認(rèn)位置保存的賬戶信息。
4.5、dismiss，關(guān)閉指紋識(shí)別的對(duì)話窗口。
五、相關(guān)組件
1、cordova-plugin-android-fingerprint-auth
網(wǎng)址：https://www.npmjs.com/package/cordova-plugin-android-fingerprint-auth
https://github.com/mjwheatley/cordova-plugin-android-fingerprint-auth
筆者目前用的就是這個(gè)組件，這個(gè)組件的缺點(diǎn)就是只支持android，如果是IOS，則需要另外的指紋識(shí)別組件。
2、cordova-plugin-fingerprint-aio
網(wǎng)址：https://github.com/NiklasMerz/cordova-plugin-fingerprint-aio
這個(gè)組件的優(yōu)點(diǎn)是同時(shí)支持android、IOS，但需要cordova-android9.0及以上版本支持。筆者的cordova-android是8.1.0版本，所以只能放棄。
六、總結(jié)
移動(dòng)終端上的APP通過以上組件增加指紋登錄方式，實(shí)現(xiàn)起來非常簡單，代碼量也很少，建議正在開發(fā)APP的朋友，可以考慮增加這種登錄方式。
