การใช้งาน Local Auth สำหรับยืนยันตัวตน ใน Flutter

local_auth: ^2.3.0

<manifest xmlns:android="http://schemas.android.com/apk/res/android">
    <uses-permission android:name="android.permission.INTERNET" />
    <uses-permission android:name="android.permission.USE_BIOMETRIC"/>
    <application ....
....
</manifest>

package com.example.demo_app

import io.flutter.embedding.android.FlutterActivity

class MainActivity: FlutterActivity()

package com.example.demo_app

import io.flutter.embedding.android.FlutterFragmentActivity

class MainActivity: FlutterFragmentActivity() {

}

[BiometricType.weak, BiometricType.strong]

import 'dart:async';

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

import 'pincode.dart';

enum _SupportState {
  unknown,
  supported,
  unsupported,
}

class Settings extends StatefulWidget {
  static const routeName = '/settings';

  const Settings({Key? key}) : super(key: key);

  @override
  State<StatefulWidget> createState() {
    return _SettingsState();
  }
}

class _SettingsState extends State<Settings> {
  late final SharedPreferences prefs;
  bool _biometricstatus = false; // สถานะเปิดใช้ biometric

  // ส่วนจัดการ local auth
  final LocalAuthentication auth = LocalAuthentication(); // เรียกใช้งาน
  _SupportState _supportState = _SupportState.unknown; // สถานะการรองรับ
  bool? _canCheckBiometrics; // ตรวจสอบรองรับยืนยันด้วยข้อมูลชีวภาพได้ไหม
  List<BiometricType>? _availableBiometrics; // รายการยืนยันตัวตนที่รองรับ
  bool _isAuthenticating = false; // เก็บสถานะกำลังยืนยันตัวตน

  bool _pincodestatus = false; // สถานะเปิดใช้ pin
  bool _authorized = false; // สถานะเข้าใช้งาน
  String _pincodevalue = ''; // ค่า pin ในที่นี้ใช้ 4 ตัวเลข
  bool _isLoadingPrefs = true; // สถานะการโหลดค่าจาก SharedPreferences

  @override
  void initState() {
    super.initState();
    // โหลดค่าจาก SharedPreferences
    _loadValueFromSharedPreferences();
    auth.isDeviceSupported().then((bool isSupported) {
      setState(() {
        if (isSupported) {
          _supportState = _SupportState.supported;
        } else {
          _supportState = _SupportState.unsupported;
        }
        // ตรวจสอบรองรับ biometric หรือไม่
        _checkBiometrics();
        print("debug: ${_supportState}");
      });
    });
  }

  // โหลดข้อมูลจาก SharedPreferences
  Future<void> _loadValueFromSharedPreferences() async {
    prefs = await SharedPreferences.getInstance();

    setState(() {
      _biometricstatus = prefs.getBool('biometricstatus') ?? _biometricstatus;
      _pincodestatus = prefs.getBool('pincodestatus') ?? _pincodestatus;
      _authorized = prefs.getBool('authorized') ?? _authorized;
      _pincodevalue = prefs.getString('pincodevalue') ?? _pincodevalue;
      _isLoadingPrefs = false; //  โหลดค่าเรียบร้อยแล้ว
    });
  }

  // ตรวจสอบการรองรับการใช้ข้อมูลชีวภาพยืนยันตัวตนหรือไม่
  // เช่น การสแกนลาวนิ้วมือที่มีความแม่นยำสูง การใช้ face ID
  Future<void> _checkBiometrics() async {
    late bool canCheckBiometrics;
    try {
      canCheckBiometrics = await auth.canCheckBiometrics;
    } on PlatformException catch (e) {
      canCheckBiometrics = false;
      print(e);
    }
    if (!mounted) {
      return;
    }

    setState(() {
      print("debug: _canCheckBiometrics ${canCheckBiometrics}");
      _canCheckBiometrics = canCheckBiometrics;
    });
  }  

  // ฟังก์ชั่นแสดงรายการตรวจสอบที่รองรับ
  Future<void> _getAvailableBiometrics() async {
    late List<BiometricType> availableBiometrics;
    try {
      availableBiometrics = await auth.getAvailableBiometrics();
    } on PlatformException catch (e) {
      availableBiometrics = <BiometricType>[];
      print(e);
    }
    if (!mounted) {
      return;
    }

    setState(() {
      // สำหรับทดสอบแสดงรายการที่รองรับ
      print("debug: ${availableBiometrics}");
      _availableBiometrics = availableBiometrics;
    });
  }

  // ฟังก์ชั่นสำหรับพิสูจน์ยืนยันโดยให้ระบบเลือกวิธีการให้
  Future<void> _authenticate() async {
    bool authenticated = false;
    try {
      setState(() {
        _isAuthenticating = true;
     //   _authorized = false;
      });
      authenticated = await auth.authenticate(
        localizedReason: 'Let OS determine authentication method',
        options: const AuthenticationOptions(
          stickyAuth: true,
        ),
      );
      setState(() {
        _isAuthenticating = false;
      });
    } on PlatformException catch (e) {
      print(e);
      setState(() {
        _isAuthenticating = false;
      //  _authorized = false;
      });
      return;
    }
    if (!mounted) {
      return;
    }
    setState(() {
      // สำหรับยกเลิกการใช้งาน
      if(_biometricstatus && authenticated){
        print("debug: cancel using authen");
        _authorized = false;
        _biometricstatus =  false;
        prefs.setBool("authorized", _authorized);
        prefs.setBool("biometricstatus", _biometricstatus);
      }else{
        // สำหรับกำหนดใช้งาน
        print("debug: using authen");        
        if(authenticated){
          _authorized = authenticated ? true : false;
          _biometricstatus =  authenticated ? true : false;
          prefs.setBool("authorized", _authorized);
          prefs.setBool("biometricstatus", _biometricstatus);
        }
      }
    });
  }  

  // ฟังก์ชั่นสำหรับพิสูจน์ยืนยันโดยเลือกเป็นข้อมูลชีวภาพ
  Future<void> _authenticateWithBiometrics() async {
    bool authenticated = false;
    try {
      setState(() {
        _isAuthenticating = true;
      });
      authenticated = await auth.authenticate(
        localizedReason:
            'Scan your fingerprint (or face or whatever) to authenticate',
        options: const AuthenticationOptions(
          stickyAuth: true,
          biometricOnly: true, // ใช้กรณีรองรับ
        ),
      );
      setState(() {
        _isAuthenticating = false;
      });
    } on PlatformException catch (e) {
      print(e);
      setState(() {
        _isAuthenticating = false;
      });
      return;
    }
    if (!mounted) {
      return;
    }

    setState(() {
      // สำหรับยกเลิกการใช้งาน
      if(_biometricstatus && authenticated){
        print("debug: cancel using authen");
        _authorized = false;
        _biometricstatus =  false;
        prefs.setBool("authorized", _authorized);
        prefs.setBool("biometricstatus", _biometricstatus);
      }else{
        // สำหรับกำหนดใช้งาน
        print("debug: using authen");        
        if(authenticated){
          _authorized = authenticated ? true : false;
          _biometricstatus =  authenticated ? true : false;
          prefs.setBool("authorized", _authorized);
          prefs.setBool("biometricstatus", _biometricstatus);
        }
      }
    });
  }  

  // ฟังก์ชั่นสำหรับยกเลิกการตรวจสอบ เช่น ยังไม่สแกนนิ้ว ขอยกเลิกก่อน
  Future<void> _cancelAuthentication() async {
    await auth.stopAuthentication();
    setState(() => _isAuthenticating = false);
  }

  @override
  Widget build(BuildContext context) {
    if (_isLoadingPrefs) {
      // คืนค่ากรณี กำลังโหลดค่า SharedPreferences ยังไม่เสร็จ
      return const Center(child: SizedBox.shrink());
    }
    print("debug: _biometricstatus ${_biometricstatus}");
    print("debug: _pincodestatus ${_pincodestatus}");
    print("debug: _authorized ${_authorized}");
    print("debug: _pincodevalue ${_pincodevalue}");
    return Scaffold(
      appBar: AppBar(
        title: Text('Settings'),
      ),
      body: Center(
          child: Column(
        mainAxisAlignment: MainAxisAlignment.start,
        children: <Widget>[
          // Text('Settings Screen'),
          ListTile(
            title: Text('Lock app with PIN number'),
            trailing: Checkbox(
              value: _pincodestatus,
              onChanged: (bool? value) async {
                // เมื่อมีการเปลี่ยนแปลงการตั้งค่า
                // เปิดหน้ากำหนด pin และรอดำเนินการจากหน้านั้น
                final result = await Navigator.push(
                  context,
                  MaterialPageRoute(builder: (context) => Pincode()),
                );
                // จัดการเงื่อนไขรับค่าที่ส่งกลับมา
                print("debug: ${result}");
                if (result == 'cancel') {
                  // ถ้าเป็นการยกเลิก
                  setState(() {
                    _authorized = false;
                    _pincodestatus = false;
                    _pincodevalue = '';
                  });
                } else {
                  // ถ้ามีการตั้งค่า result ที่ส่งกลับมาเป็นค่า code
                  if (result != null) {
                    setState(() {
                      _authorized = true;
                      _pincodestatus = true;
                      _pincodevalue = result;
                    });
                  }
                }
              },
            ),
          ),
          if (_supportState == _SupportState.supported)
            ListTile(
              title: Text('Lock app with Biometric'),
              trailing: Checkbox(
                value: _biometricstatus,
                onChanged: (bool? value) async {
                  // ทดสอบเรียกฟังก์ชั่นแสดงรายการที่รองรับ
                  //  _getAvailableBiometrics();

                  // ทดสอบเรียกใช้ฟังก์ชั่นพิสูจน์ข้อมูลชีวภาพ
                  //  _checkBiometrics();

                  // ใช้การตรวจสอบตามระบบเลือกให้
                  //  _authenticate();
                    // สำหรับใช้แบบ biometrics
                  //  _authenticateWithBiometrics();      

                  if(_canCheckBiometrics==true){
                    _authenticateWithBiometrics();    
                  }else{
                    _authenticate();
                  }             

                },
              ),
            ),
        ],
      )),
    );
  }
}

import 'dart:async';

import 'package:flutter/material.dart';
import 'package:font_awesome_flutter/font_awesome_flutter.dart';
import 'package:shared_preferences/shared_preferences.dart';
import 'package:local_auth/local_auth.dart';
import 'package:flutter/services.dart';
import 'home.dart';
import 'contact.dart';
import 'profile.dart';
import 'about.dart';
import 'settings.dart';
import 'pincode.dart';

import '../components/sidemenu.dart';

enum _SupportState {
  unknown,
  supported,
  unsupported,
}

class Launcher extends StatefulWidget {
  static const routeName = '/';

  const Launcher({Key? key}) : super(key: key);

  @override
  State<StatefulWidget> createState() {
    return _LauncherState();
  }
}

class _LauncherState extends State<Launcher> with WidgetsBindingObserver {
  late final SharedPreferences prefs;
  bool _biometricstatus = false; // สถานะเปิดใช้ biometric

  // ส่วนจัดการ local auth
  final LocalAuthentication auth = LocalAuthentication(); // เรียกใช้งาน
  _SupportState _supportState = _SupportState.unknown; // สถานะการรองรับ
  bool? _canCheckBiometrics; // ตรวจสอบรองรับยืนยันด้วยข้อมูลชีวภาพได้ไหม
  List<BiometricType>? _availableBiometrics; // รายการยืนยันตัวตนที่รองรับ
  bool _isAuthenticating = false; // เก็บสถานะกำลังยืนยันตัวตน

  bool _pincodestatus = false; // สถานะเปิดใช้ pin
  bool _authorized = false; // สถานะเข้าใช้งาน
  String _pincodevalue = ''; // ค่า pin ในที่นี้ใช้ 4 ตัวเลข
  bool _isLoadingPrefs = true; // สถานะการโหลดค่าจาก SharedPreferences

  int _selectedIndex = 0;
  final List<Widget> _pageWidget = <Widget>[
    const Home(),
    const About(),
    const Profile(),
    const Contact(),
    const Settings(),
  ];
  final List<BottomNavigationBarItem> _menuBar = <BottomNavigationBarItem>[
    const BottomNavigationBarItem(
      icon: Icon(FontAwesomeIcons.house),
      label: 'Home',
    ),
    const BottomNavigationBarItem(
      icon: Icon(FontAwesomeIcons.circleInfo),
      label: 'About',
    ),
    const BottomNavigationBarItem(
      icon: Icon(FontAwesomeIcons.userLarge),
      label: 'Profile',
    ),
    const BottomNavigationBarItem(
      icon: Icon(FontAwesomeIcons.addressCard),
      label: 'Contact',
    ),
    const BottomNavigationBarItem(
      icon: Icon(FontAwesomeIcons.gear),
      label: 'Settings',
    ),
  ];

  @override
  void initState() {
    super.initState();
    // โหลดค่าจาก SharedPreferences
    _loadValueFromSharedPreferences();
    // กำหนดการตรวจจับ สถานะ state ของ app
    WidgetsBinding.instance.addObserver(this);
    auth.isDeviceSupported().then((bool isSupported) {
      setState(() {
        if (isSupported) {
          _supportState = _SupportState.supported;
        } else {
          _supportState = _SupportState.unsupported;
        }
        // ตรวจสอบรองรับ biometric หรือไม่
        _checkBiometrics();
        print("debug: ${_supportState}");
      });
    });
    
  }

  // ตรวจสอบการรองรับการใช้ข้อมูลชีวภาพยืนยันตัวตนหรือไม่
  // เช่น การสแกนลาวนิ้วมือที่มีความแม่นยำสูง การใช้ face ID
  Future<void> _checkBiometrics() async {
    late bool canCheckBiometrics;
    try {
      canCheckBiometrics = await auth.canCheckBiometrics;
    } on PlatformException catch (e) {
      canCheckBiometrics = false;
      print(e);
    }
    if (!mounted) {
      return;
    }

    setState(() {
      print("debug: _canCheckBiometrics ${canCheckBiometrics}");
      _canCheckBiometrics = canCheckBiometrics;
    });
  }  

  @override
  void dispose() {
    // ล้างค่าตรวจจับ สถานะ state ของ app
    WidgetsBinding.instance.removeObserver(this);
    super.dispose();
  }

  // ส่วนของการทำงานเมื่อ state ของ app มีการเปลี่ยนแปลง
  // บาง ค่าของ LifecycleState อาจจะไม่ทำงานได้
  @override
  void didChangeAppLifecycleState(AppLifecycleState state) async {
    print("debug: AppLifecycleState: $state");
    if (state == AppLifecycleState.paused) {
      // ล้างค่าการปลดล็อก ถ้ามีการหยุดชั่วคราวของแอป
      _authorized = false;
      await prefs.setBool('authorized', false);
      print("debug: App is in background.");
    } else if (state == AppLifecycleState.resumed) {
      print("debug: App is in foreground.");
    } else if (state == AppLifecycleState.detached) {
      // ล้างค่าการปลดล็อก ถ้ามีการปิดแอป ส่วนนี้อาจจะไทม่ทำงานได้
      // และบางครั้ง เวลาเริ่มแอปใหม่ อาจจะไม่มีการใส่ pin ได้
      _authorized = false;
      await prefs.setBool('authorized', false);      
      print("debug: App is about to be terminated.");
    }
  }  

  // โหลดข้อมูลจาก SharedPreferences 
  Future<void> _loadValueFromSharedPreferences() async {
    prefs = await SharedPreferences.getInstance();

    setState(() {
      _biometricstatus = prefs.getBool('biometricstatus') ?? _biometricstatus;
      _pincodestatus = prefs.getBool('pincodestatus') ?? _pincodestatus;
      _authorized = prefs.getBool('authorized') ?? _authorized;
      _pincodevalue = prefs.getString('pincodevalue') ?? _pincodevalue;
      _isLoadingPrefs = false;  //  โหลดค่าเรียบร้อยแล้ว
      // เงื่่อนไขถ้ามีการเปิดใช้งานการล็อกแอป และยังไม่ปลดล็อก
/*       if (_pincodestatus && !_authorized) {
        _authen(); // เรียกใช้งานการตรวจสอบ pin
      }    */

      // เงื่่อนไขถ้ามีการเปิดใช้งานการล็อกแอป และยังไม่ปลดล็อกด้วย biometric
      if(_biometricstatus && !_authorized){
        if(_canCheckBiometrics==true){
          _authenticateWithBiometrics();    
        }else{
          _authenticate();
        }           
      }
    });
  }

  // ฟังก์ชั่นสำหรับพิสูจน์ยืนยันโดยให้ระบบเลือกวิธีการให้
  Future<void> _authenticate() async {
    bool authenticated = false;
    try {
      setState(() {
        _isAuthenticating = true;
     //   _authorized = false;
      });
      authenticated = await auth.authenticate(
        localizedReason: 'Let OS determine authentication method',
        options: const AuthenticationOptions(
          stickyAuth: true,
        ),
      );
      setState(() {
        _isAuthenticating = false;
      });
    } on PlatformException catch (e) {
      print(e);
      setState(() {
        _isAuthenticating = false;
      //  _authorized = false;
      });
      return;
    }
    if (!mounted) {
      return;
    }
    setState(() {
        // สำหรับกำหนดใช้งาน
        print("debug: using authen");        
        if(authenticated){
          _authorized = authenticated ? true : false;
          _biometricstatus =  authenticated ? true : false;
          prefs.setBool("authorized", _authorized);
          prefs.setBool("biometricstatus", _biometricstatus);
        }else{
          // บังคับต้องยืนยันตัวตนถึงจะใช้งานได้          
          if(_canCheckBiometrics==true){
            _authenticateWithBiometrics();    
          }else{
            _authenticate();
          }             
        }

    });
  }  

  // ฟังก์ชั่นสำหรับพิสูจน์ยืนยันโดยเลือกเป็นข้อมูลชีวภาพ
  Future<void> _authenticateWithBiometrics() async {
    bool authenticated = false;
    try {
      setState(() {
        _isAuthenticating = true;
      });
      authenticated = await auth.authenticate(
        localizedReason:
            'Scan your fingerprint (or face or whatever) to authenticate',
        options: const AuthenticationOptions(
          stickyAuth: true,
          biometricOnly: true, // ใช้กรณีรองรับ
        ),
      );
      setState(() {
        _isAuthenticating = false;
      });
    } on PlatformException catch (e) {
      print(e);
      setState(() {
        _isAuthenticating = false;
      });
      return;
    }
    if (!mounted) {
      return;
    }

    setState(() {
        // สำหรับกำหนดใช้งาน
        print("debug: using authen");        
        if(authenticated){
          _authorized = authenticated ? true : false;
          _biometricstatus =  authenticated ? true : false;
          prefs.setBool("authorized", _authorized);
          prefs.setBool("biometricstatus", _biometricstatus);
        }else{
          // บังคับต้องยืนยันตัวตนถึงจะใช้งานได้
          if(_canCheckBiometrics==true){
            _authenticateWithBiometrics();    
          }else{
            _authenticate();
          }             
        }

    });
  }  

  // ฟังก์ชั่นสำหรับยกเลิกการตรวจสอบ เช่น ยังไม่สแกนนิ้ว ขอยกเลิกก่อน
  Future<void> _cancelAuthentication() async {
    await auth.stopAuthentication();
    setState(() => _isAuthenticating = false);
  }

  void _onItemTapped(int index) {
    setState(() {
      _selectedIndex = index;
    });
  }

  // การตรวจสอบ pin โดยแทนที่หน้าหลักด้วยหน้า pincode
  void _authen() async {
      String? args = 'pin'; // ส่งค่านี้ไป เพื่อใช้แยกว่าเป็นการ ตรวจสอบเข้าใช้งาน
      await Navigator.pushReplacement(
        context,
        MaterialPageRoute(
          builder: (context) => Pincode(),
            settings: RouteSettings(arguments: args // ส่งค่าไปใน  arguments
          ),
        ),
      );
  }

  @override
  Widget build(BuildContext context) {
    if (_isLoadingPrefs) {
      // คืนค่ากรณี กำลังโหลดค่า SharedPreferences ยังไม่เสร็จ      
      return const Center(child: SizedBox.shrink());
    } 
    print("debug: _pincodestatus ${_pincodestatus}");
    print("debug: _authorized ${_authorized}");
    print("debug: _pincodevalue ${_pincodevalue}");
    return Scaffold(
      body: _pageWidget.elementAt(_selectedIndex),
      bottomNavigationBar: BottomNavigationBar(
        items: _menuBar,
        currentIndex: _selectedIndex,
        selectedItemColor: Theme.of(context).primaryColor,
        unselectedItemColor: Colors.grey,
        onTap: _onItemTapped,
      ),
      drawer: SideMenu(),
    );
  }
}