WebAuthn: Mengemulasi pengautentikasi

Fawaz Mohammad

Jecelyn Yeen

Sofia Emelianova

Gunakan panel WebAuthn untuk membuat dan berinteraksi dengan pengautentikasi virtual berbasis software.

Ringkasan

Panel WebAuthn memungkinkan Anda menambahkan, mengganti nama, dan menghapus pengautentikasi. Daftarkan kredensial, yang seperti pengguna, ke pengautentikasi dan pantau ID, Nama Pengguna, dan Jumlah Tanda Tangan saat Anda melakukan pengujian.

Membuka panel WebAuthn

1. Buka halaman yang menggunakan WebAuthn, seperti halaman demo kami (harap login untuk mengakses halaman).
2. Buka DevTools.
3. Buka Menu perintah dengan menekan:
   • macOS: Command+Shift+P
   • Windows, Linux, ChromeOS: Kontrol+Shift+P
4. Mulai ketik webauthn, pilih Tampilkan WebAuthn, lalu tekan Enter.

Atau, di sudut kanan atas, klik Opsi Lainnya > Alat lainnya > WebAuthn untuk membuka panel WebAuthn.

Mengaktifkan lingkungan pengautentikasi virtual

1. Di panel WebAuthn, klik untuk mengaktifkan kotak centang check_box Enable virtual authenticator environment.
2. Setelah diaktifkan, bagian New authenticator akan muncul.

Menambahkan pengautentikasi virtual

Untuk menambahkan pengautentikasi virtual baru:

1. Di bagian New authenticator, konfigurasikan opsi berikut:

   1. Protokol: ctap2 (Protokol Klien ke Pengautentikasi) atau u2f (Faktor Ke-2 Universal)
   2. Transportasi: usb, nfc, ble, atau internal
   3. Mendukung kunci lokal
   4. Mendukung verifikasi pengguna
   5. Mendukung blob besar, hanya tersedia untuk protokol ctap2 dengan dukungan kunci lokal

   Contoh:

   

2. Klik tombol Tambahkan.

3. Sekarang Anda dapat melihat bagian dengan pengautentikasi yang baru dibuat.

Bagian Pengautentikasi menyertakan tabel Kredensial. Tabel kosong hingga kredensial terdaftar ke pengautentikasi.

Mendaftarkan kredensial baru

Untuk mendaftarkan kredensial baru, Anda harus memiliki halaman web yang menggunakan WebAuthn, misalnya, halaman demo kami.

1. Di halaman demo, klik Register new credential.
2. Kredensial baru kini ditambahkan ke tabel Kredensial di panel WebAuthn.

Di halaman demo, Anda dapat mengklik tombol Autentikasi beberapa kali. Amati tabel Credentials. Jumlah Tanda Tangan kredensial akan meningkat sesuai dengan jumlah tanda tangan yang dibuat.

Mengekspor dan menghapus kredensial

Anda dapat mengekspor atau menghapus kredensial dengan mengklik tombol Ekspor atau Hapus.

Mengganti nama pengautentikasi

1. Untuk mengganti nama pengautentikasi, klik tombol Edit di samping nama pengautentikasi.
2. Edit nama, lalu klik Enter untuk menyimpan perubahan.

Mengaktifkan pengautentikasi

Pengautentikasi yang baru dibuat akan otomatis ditetapkan ke aktif. DevTools hanya mendukung satu pengautentikasi virtual aktif pada satu waktu.

Untuk menonaktifkan autentikasi, hapus pengautentikasi yang saat ini aktif.

Untuk mengaktifkan pengautentikasi, pilih tombol pilihan Aktif.

Menghapus pengautentikasi virtual

Untuk menghapus pengautentikasi virtual, klik tombol Hapus.