How to Protect your Ionic 4 App with Fingerprint & FaceID

[@pacoperico1109]

Super useful as always

[@galaxies_dev]

Glad to hear that Pedro!

[@jignesh2810]

Awesome, But in android face authentication is not working. can you explain is only available face authentication in ios

[@hannesg.3586]

Awesome. That's exactly what I need right now.

[@ofletcherstyle9361]

Great video, greetings from Colombia

[@ChetanSingh-qp6yv]

Sir does ionic support external finger print sensor device?

[@shafi2344]

Plz make more tutorials with capacitor also..

[@karanbrahmaxatriya9225]

Is it possible to detect same person face only who's device is ? Like default phone device do in face lock ? Can you help me in this?

[@_heybboying]

I'll add you to my resume as couch, man!

[@galaxies_dev]

I would be honored!!

[@shafi2344]

Thnx for your great tutorials..

[@purushothaman281]

Hello sir , ionic 4 geofence is not working on mobile , can you make video for this

[@NazirMassaad]

👍🏻👍🏻 great tutorial!

[@SampathLokuge]

This is super cool. Thank you.

[@miner-vd3qt]

Any good ionic-capacitor plugin to achieve the same result?

[@galaxies_dev]

Sure, check out the Capacitor community plugins here: capacitor.ionicframework.com/docs/community/plugins/ There should be 2 for fingerprint and face id!

[@hanojb6844]

hey can you do double back button to exit app without going to login page

[@ArielBesomi]

Awesome tutorial! Thanks.... Just one question .... What if the device hasn't got faceid or fingerprint, how you combine this with a XXX digit code access?

[@galaxies_dev]

Not sure if it works already with this plugin maybe? There are also other plugins that offer a fallback to PIN like this: github.com/EddyVerbruggen/cordova-plugin-touch-id

[@adminjacob1]

Hi simon, What version of the plugin did you use?

[@galaxies_dev]

Hmm I think the latest since it's a pretty young tutorial!

[@adminjacob1]

@@galaxies_dev I installed the last one and the options changed a lot, but I could solve it, thanks for answer!

[@atlasgrnt503]

@@15221784 same problem

[@smrahman1989]

Nice tutorial.. But I'm using Vue-cordova android project. How to work with my project using this plugin? please explain me..

[@f1vlad]

Great, thank you so much!

[@PrashantBabber2812]

Hi Simon, I am doing only finger print authentication(using AndroidFingerprintAuth cordova plugin) in my app where there is "use backup" and "cancel" option. I have used platform pause method in app component to redirect user to login page(with finger print option).But, due to this, platform pause method is called even on clicking "Use Backup" option. Could you pls help.

[@aaronmason7287]

HI Simon, thanks for this tutorial - seems a few things have changed since Ionic 4 and it no longer works. I followed the instructions to the letter (though I did have to use a different set of options for the show() method of the FingerprintAIO object) and it's throwing an error that suggests biometrics aren't enabled - but the iPhone 7 I used has Touch ID enabled and working with an existing app that was developed in Phonegap/Cordova. Same with my boss' iPhone XS with Face ID enabled.

[@aaronmason7287]

I worked out what I was doing wrong... I needed to tell `ionic build` to use the cordova engine, not the browser engine. As soon as I changed that step, I was off and running.

[@ankushjain358]

Excellent

Bitte mach das für Capacitor 🙏🏼

[@lebao9368]

Thanks for the great tutorial. But how can I tell my server that the user has authenticated successfully? Do I need to store their username/password somewhere and retrieve it after they passed the biometric test?

[@galaxies_dev]

You should only allow this kind of authentication after the user has at least signed in once! That's the usual behaviour you see in other apps as well.

[@gersonjasanrhubotelho3886]

Good morning Lê Bảo I'm trying to do the same could you help me please?

[@TimSpharaoh]

So you are consuming an API which requires JWT token, this Biometric is only on device. What do I need to do on server side? Is the proper implementation exten token lifetime and assume biometrics keeps it sae device side? Then I should have a "biometrics enabled flag" maybe in server, and if no biometrics ont hat account have shorter TTL?

[@galaxies_dev]

FaceID / TouchID are just a local protection of your app. If you want to make it secure, you would have to implement a refresh token flow where one token with long TTL is stored on the device, and if the user authenticates with face/touch, you would make an API call to retrieve a new access token based on the refresh token. Perhaps a good idea for a new tutorial?

[@anasamati]

Hi simon, thx for the video. How do you test the app on a real device? cheers

[@vinodch8056]

Just turn on developer mode in ur device and connect to the lap or PC then run ionic build platform ( type) .. cheer's

[@anasamati]

@@vinodch8056 thanks!!

[@yiannisspyridakis4309]

Do platform observables not need unsubscribing from?

[@galaxies_dev]

Hmm good question, but I think they should be resolved after the first return value!

[@yiannisspyridakis4309]

@@galaxies_dev Looks like it, no mention of unsubscribing in the docs: ionicframework.com/docs/angular/platform

[@vidhyac5117]

Can u suggest me any plugin for Face id authentication for android

[@galaxies_dev]

Shouldn't the AiO plugin work on Adnroid fine as well?

[@vidhyac5117]

@@galaxies_dev in that plugin it is showing only finger print for android

[@bangalore3rdeyes]

please, sir, I need this tutorial in firebase ionic ( different-different user post posted and view in the same page with user details & UID in the list pattern view)

[@velociraptor5962]

devdactic.com/google-sign-in-ionic-firebase/ Keep searching until you find answers rather than being spoon fed.

[@vinodch8056]

How to configure face I'd for face recognition app

[@galaxies_dev]

I'm not sure, this feature is only for unlocking something. You can't get the real face data, that's an internal thing of the device!

[@ragulharisankar8039]

How to create a webRTC video chat application using ionic ?

[@galaxies_dev]

I'm not sure, I haven't worked with that yet!

[@ragulharisankar8039]

@@galaxies_dev Thanks for your reply....

[@bangalore3rdeyes]

I need to get UID that user created in Authentication (EMAIL & PASSWORD) and insert this UID in an item created in Database Firebase (REGISTER PROFILE) ( different-different user post posted and view in same page with user details & UID in the list pattern view)

[@galaxies_dev]

Whenever you register or login with Firebase you have access to the UID of the user in that object, just inspect it!

[@aswinvenkat6271]

Unfortunately the faio.show function doesn't support the client ID and other parameters in it , right now. If anyone face the issue hit a comment , i have the solution.

[@cajabancaria1289]

Hi Aswin, I have exactly that issue, I want to know the solution, thanks in advance.

[@aswinvenkat6271]

@@cajabancaria1289 hey caja , you can reach me out [e-mail] .

[@mrjorn1]

@@cajabancaria1289 github.com/NiklasMerz/cordova-plugin-fingerprint-aio#optional-parameters

[@23902257]

@@aswinvenkat6271 Hi Aswin, I stuck at the same issue while I just sent you an email and look forward to receiving your solution! Thank you!

[@CricketBugo]

Yes , it is not required to pass client and secret , it works

[@ita8653]

Hey @Simon Grimm, great tutorial but I am facing a problem inside show() function which uses properties: clientId and clientSecret... may I know how this problem can be solved??

[@galaxies_dev]

You can check out the meaning of these values here: ionicframework.com/docs/native/fingerprint-aio

[@aswinvenkat6271]

@@galaxies_dev hi simon , great job and many many thanks to you , but unfortunately it doesn't support the parameters inside i think they changed the input parameters and finally I got the solution , they changed the input parameters, that why it shows error.

[@aswinvenkat6271]

I have the solution bro.

[@johnnymakhlouf9450]

@@aswinvenkat6271 Can you tell me what are the new input parameters?

[@aswinvenkat6271]

@@johnnymakhlouf9450 hey Johnny , pls reach me out on [e-mail] , I'll send you the source code .

[@gauravbadgujar2587]

Sir plz make this video for android its not working

[@aswinvenkat6271]

Yes , the function inbuilt Parameters are changed . If you still facing the issue , kindly hit a comment .

[@og1ste]

​@@aswinvenkat6271 hello, I am facing the issue might you be able to help? On android when I dismiss the modal after successful using the fingerprint verification, the modal does not dismiss, without the fingerprint show() function the dismiss works.

[@aswinvenkat6271]

@@og1ste reach me out on [e-mail]

[@ranapratap4420]

error: cannot find symbol .getSystemService(this, KeyguardManager.class); ^ symbol: method getSystemService(BiometricActivity,Class) location: class ContextCompat Note: Some input files use or override a deprecated API. Note: Recompile with -Xlint:deprecation for details. 1 error FAILURE: Build failed with an exception. * What went wrong: Execution failed for task ':app:compileDebugJavaWithJavac'. > Compilation failed; see the compiler error output for details. * Try: Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights. * Get more help at help.gradle.org BUILD FAILED in 5s > Task :app:compileDebugJavaWithJavac FAILED 24 actionable tasks: 1 executed, 23 up-to-date E:\IONIC\Walkin\platforms\android\gradlew: Command failed with exit code 1 Error output: E:\IONIC\Walkin\platforms\android\app\src\main\java\de iklasmerz\cordova\biometric\BiometricActivity.java:89: error: cannot find symbol .getSystemService(this, KeyguardManager.class); ^ symbol: method getSystemService(BiometricActivity,Class) location: class ContextCompat Note: Some input files use or override a deprecated API. Note: Recompile with -Xlint:deprecation for details. 1 error FAILURE: Build failed with an exception. * What went wrong: Execution failed for task ':app:compileDebugJavaWithJavac'. > Compilation failed; see the compiler error output for details. * Try: Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights. * Get more help at help.gradle.org BUILD FAILED in 5s [ERROR] An error occurred while running subprocess cordova. cordova.cmd build android --device exited with exit code 1. Re-running this command with the --verbose flag may provide more information. hey @ Simon Grimm i got this error plz help me to solve