WebAuthn: Mengemulasi pengautentikasi

Fawaz Mohammad
Fawaz Mohammad
Jecelyn Yeen
Jecelyn Yeen
Sofia Emelianova
Sofia Emelianova

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

Membuka tab WebAuthn

  1. Buka 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 Authentic baru akan muncul.

Aktifkan lingkungan pengautentikasi virtual

Tambahkan pengautentikasi virtual

Untuk menambahkan pengautentikasi virtual baru:

  1. Di bagian Authentic 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 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 Authenticator mencakup tabel Credentials. Tabel ini akan kosong sampai kredensial didaftarkan ke otentikator.

Tidak ada kredensial

Daftarkan 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 Credentials di tab WebAuthn.

Melihat kredensial

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

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

Otentikator yang baru dibuat disetel agar aktif secara otomatis. DevTools hanya mendukung satu pengautentikasi virtual aktif kapan saja.

Untuk menonaktifkan autentikasi, hapus pengautentikasi yang aktif saat ini.

Untuk mengaktifkan pengautentikasi, pilih tombol pilihan Aktif.

Setel pengautentikasi aktif

Menghapus pengautentikasi virtual

Untuk menghapus pengautentikasi virtual, klik tombol Hapus.

Hapus pengautentikasi