WebAuthn: Mengemulasi pengautentikasi

Fawaz Mohammad
Fawaz Mohammad
Sofia Emelianova
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 Lainnya > Alat lainnya > WebAuthn untuk membuka panel WebAuthn.

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.

Mengaktifkan lingkungan pengautentikasi virtual

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:

    Menambahkan pengautentikasi virtual baru.

  2. Klik tombol Tambahkan.

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

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

Tidak ada kredensial

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.

Melihat kredensial

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.

Mengekspor atau menghapus kredensial

Mengganti nama pengautentikasi

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

Mengganti nama pengautentikasi

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.

Menetapkan pengautentikasi aktif

Menghapus pengautentikasi virtual

Untuk menghapus pengautentikasi virtual, klik tombol Hapus.

Menghapus pengautentikasi