Login dengan pengenalan wajah untuk aplikasi web

FACEIO memungkinkan Anda mengganti formulir login yang bergantung pada kata sandi dengan autentikasi wajah berbasis browser. Pengguna melakukan autentikasi melalui fio.js widget fio.js; backend Anda menerima Facial ID yang dikembalikan, sementara aplikasi Anda tetap mengendalikan keputusan sesi akhir.

BUKA FACEIO Console

Hubungkan ke FACEIO Console untuk membuat aplikasi, mengelola API, dan mengonfigurasi webhook untuk peristiwa pendaftaran, autentikasi, dan Facial ID.

Seperti Apa Login dengan Pengenalan Wajah bagi Pengguna

Pengalaman login menjadi interaksi singkat di browser tanpa memasukkan kata sandi pada alur utama.

Pengguna membuka halaman login Anda, memberikan akses kamera, dan menyelesaikan autentikasi melalui widget FACEIO. Tidak ada kolom kata sandi, perangkat kedua, atau kode sekali pakai yang harus dimasukkan. Model ini mengikuti pola modern autentikasi tanpa kata sandi ↗ dan solusi autentikasi tanpa kata sandi.

1. Pengguna Datang

Pengguna membuka halaman login dan memulai proses login.

2. Kamera Memindai

FACEIO menjalankan pemeriksaan liveness dan pencocokan wajah melalui alur browser.

3. Anda Berhasil Masuk

Autentikasi berhasil dan backend Anda membuat sesi aplikasi.

Mengurangi Hambatan

Kesederhanaan ini bukan hanya manfaat UX. Ini menghilangkan beberapa titik umum yang membuat pengguna meninggalkan alur login.

Tanpa jalur "Lupa Kata Sandi"
Tanpa kode SMS yang terlambat
Tanpa aplikasi autentikator
Login lebih cepat saat kunjungan berikutnya

Kata Sandi vs. Pengenalan Wajah

Kata sandi dan OTP memiliki kelemahan struktural yang sama: keduanya adalah rahasia di luar pengguna dan dapat dicuri. Login dengan pengenalan wajah mengurangi paparan ini karena alur login utama tidak lagi bergantung pada kredensial yang dapat digunakan ulang. Untuk pilihan arsitektur yang lebih luas, lihat autentikasi biometrik untuk aplikasi web.

Kata Sandi dan OTP

  • Rentan terhadap phishing: Halaman palsu dapat menangkap kata sandi dengan mudah.
  • Risiko Intersepsi: OTP SMS dapat dicegat atau disalahgunakan melalui pertukaran SIM.
  • Paparan akibat Kebocoran: Database kredensial memberi penyerang pasangan login yang dapat digunakan ulang.
  • UX Lambat: Membutuhkan 15 hingga 30 detik termasuk waktu mengambil kode.

Login dengan Pengenalan Wajah

  • Tanpa Rahasia: Tidak ada rahasia yang dapat dicuri, diteruskan, atau diberikan kepada orang lain.
  • Pengambilan Langsung: Membutuhkan orang yang hadir secara langsung di depan kamera.
  • Tanpa Kata Sandi yang Dapat Digunakan Ulang: Mengurangi paparan terhadap credential stuffing dan penggunaan ulang kata sandi.
  • Kunjungan Berikutnya Lebih Cepat: Pengguna melakukan autentikasi tanpa mengetik kredensial atau kode OTP.

Dampak Bisnis yang Terukur: Untuk aplikasi dengan trafik tinggi, mengganti alur kredensial multilangkah dengan alur autentikasi wajah yang lebih singkat dapat meningkatkan penyelesaian sesi dan mengurangi permintaan reset kata sandi.

Cara Menambahkan Login dengan Pengenalan Wajah

FACEIO disematkan langsung ke halaman login yang sudah ada. Integrasi ini tidak memerlukan pengalihan, penggantian seluruh halaman, atau perubahan pada model sesi backend Anda. Widget fio.js SDK menangani interaksi kamera dan mengembalikan Facial ID. Untuk detail API tingkat rendah, lihat API autentikasi wajah dokumentasi.

1

Sematkan SDK

<!-- Add to your login page -->
<script src="https://cdn.faceio.net/fio.js"></script>
2

Inisialisasi Widget

// Initialize with your public App ID
const faceio = new faceIO('YOUR_PUBLIC_APP_ID');
3

Picu Autentikasi

// Triggered on your login button click
faceio.authenticate({ locale: 'auto' })
  .then((data) => {
    // Returns Facial ID and payload for backend session creation
    sendToBackend(data.facialId, data.payload);
  })
  .catch((err) => handleError(err));
Validasi Backend

Backend Anda menerima Facial ID, memvalidasi hasil autentikasi, memetakannya ke data pengguna, lalu menerbitkan token sesi standar. Simpan kunci REST API di backend privat Anda dan gunakan Webhook untuk mengarahkan peristiwa pendaftaran dan autentikasi ke sistem audit atau risiko. Lihat Panduan Integrasi dan referensi REST API untuk cakupan implementasi.

Opsi Fallback dan Pemulihan

Alur login dengan pengenalan wajah juga perlu menetapkan perilaku pemulihan untuk kamera yang diblokir, pergantian perangkat, kegagalan pengambilan gambar, dan pengguna yang tidak dapat menyelesaikan autentikasi wajah. Aplikasi Anda mengendalikan metode alternatif, pemeriksaan akun, dan keputusan untuk memulihkan akses.

Pemulihan yang dikendalikan aplikasi

Jika autentikasi wajah tidak selesai, aplikasi Anda harus menyediakan jalur pemulihan yang sesuai dengan risiko akun. Tautan email membuktikan kendali atas kotak masuk, bukan identitas hukum pengguna; gabungkan dengan pemeriksaan perangkat, dukungan, atau step-up yang diwajibkan kebijakan Anda.

Reset Pendaftaran oleh Administrator

Tim dukungan dapat menghapus pendaftaran Facial ID pengguna dari FACEIO Console tanpa mengakses data wajah mentah. Pada percobaan login berikutnya, pengguna diminta mendaftar ulang. Reset ini tidak menghapus akun atau data aplikasi pengguna.

Konfigurasi alur pemulihan dan penanganan fallback didokumentasikan di Dukungan FACEIO, di Panduan developer, dan panduan privasi di Praktik privasi terbaik.

Perlindungan Spoofing dan Deteksi Liveness

Login dengan pengenalan wajah hanya menjadi peningkatan keamanan dibanding kata sandi jika sistem dirancang untuk menahan gambar statis, upaya replay, dan media sintetis. FACEIO menanganinya pada lapisan layanan, bukan membebankan semuanya pada aplikasi.

Deteksi Liveness Aktif

Setiap peristiwa autentikasi menjalankan deteksi liveness untuk memastikan kehadiran orang secara langsung. Ini membantu memblokir foto, gambar cetak, dan replay yang direkam sebelumnya sebelum pencocokan dimulai.

Kontrol Anti-Spoofing

Mengevaluasi indikator serangan presentasi bersama pemeriksaan liveness dan dapat membantu mengidentifikasi replay layar, media sintetis, serta upaya spoofing terkait. Tidak ada lapisan deteksi yang dapat mengidentifikasi setiap serangan. Pelajari panduan deployment di Praktik keamanan terbaik.

Step-Up untuk Tindakan Sensitif

Untuk tindakan sensitif dalam sesi terautentikasi, seperti menyetujui transaksi keuangan, mengubah kredensial akun, atau mengakses fungsi admin, aplikasi dapat memicu authenticate() untuk kedua kalinya sebagai pemeriksaan step-up. Pengguna melakukan pengambilan wajah baru dan backend Anda menyetujui tindakan hanya jika pemeriksaan berhasil. Lihat Praktik keamanan terbaik dan Facial ID untuk panduan kebijakan dan model identitas, serta Pusat Kepercayaan untuk detail jaminan platform.

Panduan terkait

Sumber daya implementasi

Bangun Login dengan Pengenalan Wajah dan Kontrol Produksi

Hubungkan login dengan pengenalan wajah ke aplikasi nyata dengan membuat App ID, menambahkan SDK browser, memvalidasi sesi autentikasi, dan mengarahkan peristiwa login ke sistem backend Anda.

Mulai Buat aplikasi dan siapkan App ID untuk alur login wajah Anda. Panduan Integrasi Tambahkan pendaftaran dan autentikasi wajah ke halaman login Anda. Pusat developer Pelajari pola validasi backend, pemulihan akun, dan peluncuran. Webhook Arahkan peristiwa login ke sistem audit, risiko, dan pemantauan. FACEIO Console Buat aplikasi, kelola pengaturan login, dan uji login dengan pengenalan wajah.

Tambahkan Login dengan Pengenalan Wajah ke Aplikasi Anda

Buat aplikasi FACEIO, sematkan fio.js, lalu hubungkan authenticate() ke logika sesi yang sudah ada. Mulai di Console, lalu ikuti panduan integrasi untuk kontrol produksi.

Buka FACEIO Console → Panduan Integrasi
Login Berbasis Browser
Integrasi SDK fio.js
Kontrol Produksi