Ionic 5: How to Secure Mobile Apps with Fingerprint AIO


Le Guangbao

I'm using a fingerprint AIO to secure my mobile app, but I'm a little confused as to what to do here. As far as I know, this library only exposes 2 functions isAvailable()and show(). So I try it in my project:

  import { FingerprintAIO, FingerprintOptions } from '@ionic-native/fingerprint-aio/ngx';

  initFingerprint() {
    const opt: FingerprintOptions = {
      title: 'Fingerprint - FaceID authentication',
      subtitle: "It's quick and easy",
      description: '',
      fallbackButtonTitle: 'Use Pin',
      cancelButtonTitle: 'Cancel',
      disableBackup: false
    }
    this.faio.show(opt)
      .then((result) => {
        console.log(result)
        // What should I do here ???
      })
      .catch((error) => {
        console.log(error);
      })
  }

The above function works fine, but in the then()callback how can I do it ? How can I tell my server that this user has successfully authenticated with their finger (or face)?

My assumption is that I need to encrypt their username and password in a text file and then decrypt it after they successfully authenticate and send that information to my server. But that seems like a lot to do.

P/s: here is the library : https://github.com/NiklasMerz/cordova-plugin-fingerprint-aio

Becky Sanders

Try viewing this post: Cordova Fingerprint Authentication on Servers

I'm trying to do the same thing as you: use FingerprintAIO to get some kind of token that represents the person's fingerprint, which I then link to the username in the server to allow fingerprint login.

As it turns out, that's not how it's supposed to work.

The most voted answer shows a useful diagram outlining how biometric authentication should work. Unfortunately, it's a little harder: you need to store a key instead of getting some unique key from the fingerprint. This means you and I will have to rethink how we plan to implement fingerprint authentication!

Related


Is the IONIC 5 stable for launching mobile apps?

lazy encoder Confused on which version of ionic to start your project on? Before answering this question, please check the date the question was asked. I don't want to spend too much time Obisier As described here and here : 5.0.0 only works with CLI commands,

How secure are client-side SSL certificates in mobile apps?

Jacob Marble I want to have secure communication between my Android/iOS app and my internet access backend service, so I'm looking into HTTPS/SSL. If I create a self-signed certificate, then put the client certificate into the application, and have the backend

How secure are client-side SSL certificates in mobile apps?

Jacob Marble I want to have secure communication between my Android/iOS app and my internet access backend service, so I'm looking into HTTPS/SSL. If I create a self-signed certificate, then put the client certificate into the application, and have the backend

How secure are client-side SSL certificates in mobile apps?

Jacob Marble I want to have secure communication between my Android/iOS app and my internet access backend service, so I'm looking into HTTPS/SSL. If I create a self-signed certificate, then put the client certificate into the application, and have the backend

ion 4 fingerprint aio

Joren France I am using ionic 4 with angular to make an ionic fingerprint application. I use the sample code from https://ionicframework.com/docs/native/fingerprint-aio . and follow all steps. The code is running when I command the constructor and the followin

How secure are Cordova apps?

Sova I'm wondering if it's a good idea to use Cordova to develop mobile apps. On the one hand, even many mobile target platforms are easily addressed. On the other hand, it's just a web page with JavaScript attached. Today, every WebBrowser for desktop offers

How secure are Cordova apps?

Sova I'm wondering if it's a good idea to use Cordova to develop mobile apps. On the one hand, even many mobile target platforms are easily addressed. On the other hand, it's just a web page with JavaScript attached. Today, every WebBrowser for desktop offers

How to test Ionic 2 apps on Windows 10 Mobile?

Astragalus I'm struggling to find meaningful documentation on Windows 10 phone testing. I've added win 10 as platform and it created a project folder, but it's not clear how to do it. Has anyone worked through this process? Astragalus Ok, so I spent about 8 ho

How do ionic apps work on mobile and pc browsers?

Ali H I have a web application designed by ionic 2 that works on browser My web app works fine on the phone screen, but is it possible to make it look like the image below? If possible, what should I do? Mohammad Awes Iqbal Yes, you can use CSS media queries t

How to test Ionic 2 apps on Windows 10 Mobile?

Astragalus I'm struggling to find meaningful documentation on Windows 10 phone testing. I've added win 10 as platform and it created a project folder, but it's not clear how to do it. Has anyone worked through this process? Astragalus Ok, so I spent about 8 ho

How to test Ionic 2 apps on Windows 10 Mobile?

Astragalus I'm struggling to find meaningful documentation on Windows 10 phone testing. I've added win 10 as platform and it created a project folder, but it's not clear how to do it. Has anyone worked through this process? Astragalus Ok, so I spent about 8 ho

How do ionic apps work on mobile and pc browsers?

Ali H I have a web application designed by ionic 2 that works on browser My web app works fine on the phone screen, but is it possible to make it look like the image below? If possible, what should I do? Mohammad Awes Iqbal Yes, you can use CSS media queries t

How to test Ionic 2 apps on Windows 10 Mobile?

Astragalus I'm struggling to find meaningful documentation on Windows 10 phone testing. I've added win 10 as platform and it created a project folder, but it's not clear how to do it. Has anyone worked through this process? Astragalus Ok, so I spent about 8 ho

How do ionic apps work on mobile and pc browsers?

Ali H I have a web application designed by ionic 2 that works on browser My web app works fine on the phone screen, but is it possible to make it look like the image below? If possible, what should I do? Mohammad Awes Iqbal Yes, you can use CSS media queries t

How to test Ionic 2 apps on Windows 10 Mobile?

Astragalus I'm struggling to find meaningful documentation on Windows 10 phone testing. I've added win 10 as platform and it created a project folder, but it's not clear how to do it. Has anyone worked through this process? Astragalus Ok, so I spent about 8 ho

How to write log files for mobile apps using ionic/ionic-native

Hitesh Nandwana I am trying to create a log file using ionic/ionic-native. I use both plugins. But can't write to log file properly. I want to write log file which i can read and write. $ ionic cordova plugin add cordova-plugin-file $ npm install --save @ionic

How to write log files for mobile apps using ionic/ionic-native

Hitesh Nandwana I am trying to create a log file using ionic/ionic-native. I use both plugins. But can't write to log file properly. I want to write log file which i can read and write. $ ionic cordova plugin add cordova-plugin-file $ npm install --save @ionic

Build Apps, Mobile Web Apps and Desktop Web Apps with Ionic

username We will develop an application that we would like to distribute through the following channels: Android and iOS apps via Google Play and iTunes (the app will make extensive use of notifications and needs to be displayed in Google Play and the App Stor

Build Apps, Mobile Web Apps and Desktop Web Apps with Ionic

username We will develop an application that we would like to distribute through the following channels: Android and iOS apps via Google Play and iTunes (the app will make extensive use of notifications and needs to be displayed in Google Play and the App Stor

Build Apps, Mobile Web Apps and Desktop Web Apps with Ionic

username We will develop an application that we would like to distribute through the following channels: Android and iOS apps via Google Play and iTunes (the app will make extensive use of notifications and needs to be displayed in Google Play and the App Stor

Ionic 5 with Angular 9: How to print from desktop (not mobile)

Ben Downey: I'm working on an ionic 5 app built as a web app. There are no moving components. I need to allow the user to print the page. When I have a print button and associated with the function below, it only prints the visible area. printPage() { window

Ionic 5 with Angular 9: How to print from desktop (not mobile)

Ben Downey: I'm working on an ionic 5 app built as a web app. There are no moving components. I need to allow the user to print the page. When I have a print button and associated with the function below, it only prints the visible area. printPage() { window

Ionic 5 with Angular 9: How to print from desktop (not mobile)

Ben Downey: I'm working on an ionic 5 app built as a web app. There are no moving components. I need to allow the user to print the page. When I have a print button and associated with the function below, it only prints the visible area. printPage() { window

Are Ionic mobile apps free to build for production level?

Kadek I am confused, please help me with valuable information. I want to learn ionic2. But it seems like I need to pay to build a production-grade app. I am confused about the pricing module. Is it possible to build an ecommerce store mobile app version that w

Why use ionic framework for hybrid mobile apps

Karan I am new to hybrid mobile apps. I have seen many frameworks for developing hybrid applications. A friend of mine recommended Ionic Framework to me. What makes ionic framework different than other frameworks like phonegap, jqueryMobile, etc. Rahul Ionic f

Are Ionic mobile apps free to build for production level?

Kadek I am confused, please help me with valuable information. I want to learn ionic2. But it seems like I need to pay to build a production-grade app. I am confused about the pricing module. Is it possible to build an ecommerce store mobile app version that w

Are Ionic mobile apps free to build for production level?

Kadek I am confused, please help me with valuable information. I want to learn ionic2. But it seems like I need to pay to build a production-grade app. I am confused about the pricing module. Is it possible to build an ecommerce store mobile app version that w

Why use ionic framework for hybrid mobile apps

Karan I am new to hybrid mobile apps. I have seen many frameworks for developing hybrid applications. A friend of mine recommended Ionic Framework to me. What makes ionic framework different than other frameworks like phonegap, jqueryMobile, etc. Rahul Ionic f

Are Ionic mobile apps free to build for production level?

Kadek I am confused, please help me with valuable information. I want to learn ionic2. But it seems like I need to pay to build a production-grade app. I am confused about the pricing module. Is it possible to build an ecommerce store mobile app version that w