Flutter local_auth指紋人臉解鎖(本地身份驗證)

1851600327173_.pic_hd.jpg

local_auth

此Flutter插件提供了對用戶執(zhí)行本地設(shè)備上身份驗證的方法

這意味著要參考IOS (Touch ID或lock code)上的生物識別認(rèn)證裆操,以及Android(在Android 6.0中引入)上的指紋api。

Dart中的用法

1 . 添加到庫

將其添加到項目的pubspec.yaml文件中:
此版本比較穩(wěn)定 沒有出現(xiàn)過問題

dependencies:
  local_auth: ^0.6.1+3


2 .安裝

在項目中打開控制臺,執(zhí)行:

flutter packages get

3 .導(dǎo)入

在Dart代碼中晕翠,使用:

import 'package:local_auth/local_auth.dart';

4 .集成

iOS集成

請注意瞳浦,此插件適用于TouchID和FaceID担映。但是,要使用后者叫潦,還需要添加:

<key>NSFaceIDUsageDescription</key>
<string>Why is my app authenticating using face id?</string>

到Info.plist文件蝇完。如果不這樣做,會出現(xiàn)一個對話框,告訴用戶您的應(yīng)用尚未更新為使用TouchID短蜕。

Android集成

修改項目的AndroidManifest.xml文件以包含 USE_FINGERPRINT權(quán)限:

<manifest xmlns:android="http://schemas.android.com/apk/res/android"
          package="com.example.app">
  <uses-permission android:name="android.permission.USE_FINGERPRINT"/>
<manifest>

具體用法

要檢查此設(shè)備上是否有可用的本地身份驗證氢架,請調(diào)用canCheckBiometrics

bool canCheckBiometrics = await localAuth.canCheckBiometrics;

目前已實現(xiàn)以下生物識別類型:

  • BiometricType.face (人臉識別)
  • BiometricType.fingerprint (指紋識別)
    要獲取已登記的生物識別列表,請調(diào)用getAvailableBiometrics:
List<BiometricType> availableBiometrics;
    await auth.getAvailableBiometrics();

if (Platform.isIOS) {
    if (availableBiometrics.contains(BiometricType.face)) {
        // Face ID.
    } else if (availableBiometrics.contains(BiometricType.fingerprint)) {
        // Touch ID.
    }
}

默認(rèn)對話框朋魔,其中包含“確定”按鈕岖研,可顯示以下兩種情況的身份驗證錯誤消息:

  1. 密碼/ PIN /模式未設(shè)置。用戶尚未在iOS上配置密碼或在Android上配置PIN /模式警检。
  2. Touch ID /指紋未注冊孙援。用戶尚未在設(shè)備上注冊任何指紋。

也就是說扇雕,如果用戶的設(shè)備上沒有指紋拓售,就會彈出一個帶有指令的對話框,讓用戶設(shè)置指紋镶奉。如果用戶點擊“確定”按鈕础淤,則返回“false”。

使用導(dǎo)出的API通過默認(rèn)對話框觸發(fā)本地身份驗證:

var localAuth = LocalAuthentication();
bool didAuthenticate =
    await localAuth.authenticateWithBiometrics(
        localizedReason: '請進行身份驗證以顯示帳戶余額');

如果您不想使用默認(rèn)對話框哨苛,請使用’ useerrordialog = false’調(diào)用此API鸽凶。在這種情況下,它會返回錯誤消息建峭,您需要在省道代碼中處理它們:

bool didAuthenticate =
    await localAuth.authenticateWithBiometrics(
        localizedReason: '請進行身份驗證以顯示帳戶余額',
        useErrorDialogs: false);

可以使用默認(rèn)對話框消息玻侥,也可以通過傳入IOSAuthMessages和AndroidAuthMessages來使用自己的消息:

import 'package:local_auth/auth_strings.dart';

const andStrings = const AndroidAuthMessages(
    cancelButton: '取消',
    goToSettingsButton: '去設(shè)置',
    fingerprintNotRecognized: '指紋識別失敗',
    goToSettingsDescription: '請設(shè)置指紋.',
    fingerprintHint: '指紋',
    fingerprintSuccess: '指紋識別成功',
    signInTitle: '指紋驗證',
    fingerprintRequiredTitle: '請先錄入指紋!',
);
authenticated = await auth.authenticateWithBiometrics(
    localizedReason: '掃描指紋進行身份驗證',
    useErrorDialogs: false,
    androidAuthStrings :andStrings,
    /* iOSAuthStrings: iosStrings, */
    stickyAuth: true
);

異常

異常有4種類型:PasscodeNotSet、notenroll迹缀、NotAvailable和OtherOperatingSystem使碾。它們被包裝在LocalAuthenticationError類中。您可以捕獲異常并按不同類型處理它們祝懂。例如:

import 'package:flutter/services.dart';
import 'package:local_auth/error_codes.dart' as auth_error;

try {
  bool didAuthenticate = await local_auth.authenticateWithBiometrics(
      localizedReason: '請進行身份驗證以顯示帳戶余額');
} on PlatformException catch (e) {
  if (e.code == auth_error.notAvailable) {
    // 在這里處理這個異常票摇。
  }
}

Sticky Auth

您可以將插件上的stickyAuth選項設(shè)置為true,以便當(dāng)系統(tǒng)將應(yīng)用程序放到后臺時插件不會返回失敗砚蓬。如果用戶在進行身份驗證之前接到電話矢门,就可能發(fā)生這種情況。如果stickyAuth設(shè)置為false灰蛙,將導(dǎo)致插件返回失敗結(jié)果給Dart應(yīng)用程序祟剔。如果設(shè)置為true,插件將在應(yīng)用程序恢復(fù)時重試身份驗證摩梧。

案例

import 'dart:async';

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:local_auth/local_auth.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  /// 本地認(rèn)證框架
  final LocalAuthentication auth = LocalAuthentication();
  /// 是否有可用的生物識別技術(shù)
  bool _canCheckBiometrics;
  /// 生物識別技術(shù)列表
  List<BiometricType> _availableBiometrics;
  /// 識別結(jié)果
  String _authorized = '驗證失敗';

  /// 檢查是否有可用的生物識別技術(shù)
  Future<Null> _checkBiometrics() async {
    bool canCheckBiometrics;
    try {
      canCheckBiometrics = await auth.canCheckBiometrics;
    } on PlatformException catch (e) {
      print(e);
    }
    if (!mounted) return;

    setState(() {
      _canCheckBiometrics = canCheckBiometrics;
    });
  }
  /// 獲取生物識別技術(shù)列表
  Future<Null> _getAvailableBiometrics() async {
    List<BiometricType> availableBiometrics;
    try {
      availableBiometrics = await auth.getAvailableBiometrics();
    } on PlatformException catch (e) {
      print(e);
    }
    if (!mounted) return;

    setState(() {
      _availableBiometrics = availableBiometrics;
    });
  }
   /// 生物識別
  Future<Null> _authenticate() async {
    bool authenticated = false;
    try {
      authenticated = await auth.authenticateWithBiometrics(
          localizedReason: '掃描指紋進行身份驗證',
          useErrorDialogs: true,
          stickyAuth: false);
    } on PlatformException catch (e) {
      print(e);
    }
    if (!mounted) return;

    setState(() {
      _authorized = authenticated ? '驗證通過' : '驗證失敗';
    });
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        home: Scaffold(
      appBar: AppBar(
        title: const Text('插件的示例應(yīng)用程序'),
      ),
      body: ConstrainedBox(
          constraints: const BoxConstraints.expand(),
          child: Column(
              mainAxisAlignment: MainAxisAlignment.spaceAround,
              children: <Widget>[
                Text('是否有可用的生物識別技術(shù): $_canCheckBiometrics\n'),
                RaisedButton(
                  child: const Text('檢查生物識別技術(shù)'),
                  onPressed: _checkBiometrics,
                ),
                Text('可用的生物識別技術(shù): $_availableBiometrics\n'),
                RaisedButton(
                  child: const Text('獲取可用的生物識別技術(shù)'),
                  onPressed: _getAvailableBiometrics,
                ),
                Text('狀態(tài): $_authorized\n'),
                RaisedButton(
                  child: const Text('驗證'),
                  onPressed: _authenticate,
                )
              ])),
    ));
  }
}
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末物延,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子仅父,更是在濱河造成了極大的恐慌叛薯,老刑警劉巖浑吟,帶你破解...
    沈念sama閱讀 221,635評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異耗溜,居然都是意外死亡组力,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,543評論 3 399
  • 文/潘曉璐 我一進店門抖拴,熙熙樓的掌柜王于貴愁眉苦臉地迎上來燎字,“玉大人,你說我怎么就攤上這事阿宅『蜓埽” “怎么了?”我有些...
    開封第一講書人閱讀 168,083評論 0 360
  • 文/不壞的土叔 我叫張陵洒放,是天一觀的道長脱柱。 經(jīng)常有香客問我,道長拉馋,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,640評論 1 296
  • 正文 為了忘掉前任惨好,我火速辦了婚禮煌茴,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘日川。我一直安慰自己蔓腐,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 68,640評論 6 397
  • 文/花漫 我一把揭開白布龄句。 她就那樣靜靜地躺著回论,像睡著了一般。 火紅的嫁衣襯著肌膚如雪分歇。 梳的紋絲不亂的頭發(fā)上傀蓉,一...
    開封第一講書人閱讀 52,262評論 1 308
  • 那天,我揣著相機與錄音职抡,去河邊找鬼葬燎。 笑死,一個胖子當(dāng)著我的面吹牛缚甩,可吹牛的內(nèi)容都是我干的谱净。 我是一名探鬼主播,決...
    沈念sama閱讀 40,833評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼擅威,長吁一口氣:“原來是場噩夢啊……” “哼壕探!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起郊丛,我...
    開封第一講書人閱讀 39,736評論 0 276
  • 序言:老撾萬榮一對情侶失蹤李请,失蹤者是張志新(化名)和其女友劉穎瞧筛,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體捻艳,經(jīng)...
    沈念sama閱讀 46,280評論 1 319
  • 正文 獨居荒郊野嶺守林人離奇死亡驾窟,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,369評論 3 340
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了认轨。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片绅络。...
    茶點故事閱讀 40,503評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖嘁字,靈堂內(nèi)的尸體忽然破棺而出恩急,到底是詐尸還是另有隱情,我是刑警寧澤纪蜒,帶...
    沈念sama閱讀 36,185評論 5 350
  • 正文 年R本政府宣布衷恭,位于F島的核電站,受9級特大地震影響纯续,放射性物質(zhì)發(fā)生泄漏随珠。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,870評論 3 333
  • 文/蒙蒙 一猬错、第九天 我趴在偏房一處隱蔽的房頂上張望窗看。 院中可真熱鬧,春花似錦倦炒、人聲如沸显沈。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,340評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽拉讯。三九已至,卻和暖如春鳖藕,著一層夾襖步出監(jiān)牢的瞬間魔慷,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,460評論 1 272
  • 我被黑心中介騙來泰國打工著恩, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留盖彭,地道東北人。 一個月前我還...
    沈念sama閱讀 48,909評論 3 376
  • 正文 我出身青樓页滚,卻偏偏與公主長得像召边,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子裹驰,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,512評論 2 359

推薦閱讀更多精彩內(nèi)容