Web Authentication

CodeLab
Your instructor today is..

Fadhil Radhian
Software Engineer - Frontend
Govtech Edu - Telkom / Kemdikbud
Biometric Authentication
&
Web Authentication API
Biometric Authentication

Mengautentikasi user (login) menggunakan biometric

- Android : Fingerprint / Face recognition

- Apple : Face ID
- Windows : Windows Hello (Fingerprint / Face Recognition)

Sudah banyak diterapkan pada aplikasi native mobile (Android /

iOS)
Why Use Biometric Auth ?

- Mempermudah user untuk login ulang

- Lebih aman dari password :
- Tidak bisa diretas dengan menebak password
- Perlu keahlian hacking yang tinggi untuk meretas biometric
auth
- Tidak bisa diretas dengan phising (contoh : website login
palsu), karena origin web akan berbeda
What About Web ?

Web Authentication
API (WebAuthn)
How to Use Web Authn

Navigator.credentials Object
What We Will Create Today in CodeLab
 - Platform code editor
Glitch - Otomatis deployed dengan generated
URL (Klik Remix)
 CodeLab

Instruksi :

https://developers.google.com/codelabs/webauthn-reauth#0

Code Editor :

https://glitch.com/edit/#!/webauthn-codelab-start

https://expensive-foregoing-umbra.glitch.me/

https://expensive-foregoing-umbra.glitch.me/
bit.ly/web-authn-gdg
Thank you !