reactjs - Implement face authentication in React App

Question

I wanted to create a React Application that could be unlocked via Face Authentication similar to Windows Hello. How does face authentication work? How can I make this work? Many android applications and iOS applications already have this functionality. Is there any website implementing such functionality?

question from:https://stackoverflow.com/questions/65622770/implement-face-authentication-in-react-app

Answer 1

The WebAuthn API and FIDO2/CTAP2 spec is supported on all major platforms/browsers now, including iOS, Android and Windows 10 (Hello). This means you can implement a similar experience to native iOS apps in a browser application if you wish as well as supporting FIDO compliant security keys also.

You can try it for yourself here: https://webauthn.io/

You'd need a backend that can support registration of credentials and authentication of assertions however. This is potentially non-trivial depending on what you have in play but library support is improving all the time.