WebAuthn: Mengemulasi pengautentikasi

Fawaz Mohammad
Fawaz Mohammad
Sofia Emelianova
Sofia Emelianova

Gunakan tab WebAuthn di Chrome DevTools untuk membuat dan berinteraksi dengan pengautentikasi virtual berbasis software.

Buka tab WebAuthn

  1. Kunjungi halaman yang menggunakan WebAuthn, seperti halaman demo kami (login untuk mengakses halaman).
  2. Buka DevTools.
  3. Klik Opsi Lainnya Lainnya > Alat lainnya > WebAuthn untuk membuka tab WebAuthn.

Tab WebAuthn

Mengaktifkan lingkungan pengautentikasi virtual

  1. Di tab WebAuthn, klik untuk mengaktifkan kotak centang Aktifkan lingkungan pengautentikasi virtual.
  2. Setelah diaktifkan, bagian Pengautentikasi baru akan muncul.

Aktifkan lingkungan pengautentikasi virtual

Menambahkan pengautentikasi virtual

Untuk menambahkan pengautentikasi virtual baru:

  1. Di bagian Pengautentikasi baru, konfigurasi opsi berikut:

    1. Protokol: ctap2 (Protokol Klien ke Authenticator) atau u2f (Universal 2nd Factor)
    2. Transpor: usb, nfc, ble, atau internal
    3. Mendukung kunci penduduk
    4. Mendukung verifikasi pengguna
    5. Mendukung blob berukuran besar, hanya tersedia untuk protokol ctap2 dengan dukungan kunci penghuni

    Contoh:

    Menambahkan pengautentikasi virtual baru.

  2. Klik tombol Tambahkan.

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

Bagian Authenticator menyertakan tabel Credentials. Tabel ini kosong sampai kredensial didaftarkan ke otentikator.

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 Daftarkan kredensial baru.
  2. Kredensial baru kini ditambahkan ke tabel Credentials di tab WebAuthn.

Melihat kredensial

Di halaman demo, Anda dapat mengklik tombol Autentikasi beberapa kali. Amati tabel Credentials. Jumlah Tanda kredensial akan meningkat.

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

Authenticator yang baru dibuat akan disetel untuk aktif secara otomatis. DevTools hanya mendukung satu pengautentikasi virtual yang aktif pada satu waktu.

Untuk menonaktifkan autentikasi, hapus pengautentikasi yang saat ini aktif.

Untuk mengaktifkan pengautentikasi, pilih tombol pilihan Aktif.

Setel pengautentikasi aktif

Menghapus pengautentikasi virtual

Untuk menghapus pengautentikasi virtual, klik tombol Hapus.

Hapus pengautentikasi