Langsung ke konten utama
@capgo/capacitor-native-biometric Auth & Keamanan Open source

Biometrik Native plugin Capacitor

Autentikasi aman menggunakan Face ID, Touch ID, dan API biometrik Android

Instal

bun add @capgo/capacitor-native-biometric bunx cap sync
npm, pnpm atau yarn
  • npm install @capgo/capacitor-native-biometric
  • pnpm add @capgo/capacitor-native-biometric
  • yarn add @capgo/capacitor-native-biometric

Panduan

Cara menggunakan Native Biometric di Capacitor

Tes di perangkat

Download aplikasi Capgo, lalu scan QR code.

Pratinjau QR plugin Native Biometric code

Menggunakan @capgo/capacitor-native-biometric

Plugin ini memberi akses ke API biometrik native untuk Android dan iOS.

Instal

bun add @capgo/capacitor-native-biometric
bunx cap sync

bunx cap sync menyalin code native plugin ke dalam proyek native Anda. Jalankan kembali setiap kali melakukan upgrade plugin.

Impor

import { NativeBiometric } from '@capgo/capacitor-native-biometric';

Sekilas tentang API

Metode Deskripsi
isAvailable Mengecek apakah hardware autentikasi biometrik tersedia.
verifyIdentity Meminta user untuk autentikasi menggunakan biometrik.
getCredentials Mengambil kredensial yang tersimpan untuk server tertentu.
setCredentials Menyimpan kredensial yang diberikan untuk server tertentu.
deleteCredentials Menghapus kredensial yang tersimpan untuk server tertentu.
getSecureCredentials Mengambil kredensial tersimpan untuk server tertentu dengan autentikasi biometrik. Kredensial harus disimpan dengan accessControl bernilai BIOMETRY_CURRENT_SET atau BIOMETRY_ANY.
isCredentialsSaved Mengecek apakah kredensial sudah tersimpan untuk server tertentu.
setData Menyimpan nilai string arbitrer di bawah key yang diberikan. Nilai dienkripsi saat istirahat menggunakan secure storage platform (Android Keystore + SharedPreferences, iOS Keychain).
getData Mengambil nilai yang sebelumnya tersimpan untuk key tersebut. Hanya mengembalikan nilai yang disimpan tanpa biometrik accessControl.
getSecureData Mengambil nilai yang dilindungi biometrik untuk key tersebut. Nilai harus sudah disimpan dengan accessControl set ke BIOMETRY_CURRENT_SET atau BIOMETRY_ANY.
deleteData Menghapus nilai yang tersimpan untuk key tertentu (terlindungi maupun tidak).
isDataSaved Memeriksa apakah nilai sudah tersimpan untuk key tertentu.

Contoh

isAvailable()

Memeriksa ketersediaan hardware autentikasi biometrik.

import { NativeBiometric } from '@capgo/capacitor-native-biometric';

const result = await NativeBiometric.isAvailable();
console.log(result);

verifyIdentity()

Meminta pengguna untuk melakukan autentikasi biometrik.

import { NativeBiometric } from '@capgo/capacitor-native-biometric';

await NativeBiometric.verifyIdentity();

getCredentials()

Mengambil kredensial yang tersimpan untuk server tertentu.

import { NativeBiometric } from '@capgo/capacitor-native-biometric';

const result = await NativeBiometric.getCredentials({ server: 'example.com' });
// The result holds sensitive values: use it without logging it.

setCredentials()

Menyimpan kredensial yang diberikan untuk server tertentu.

import { NativeBiometric } from '@capgo/capacitor-native-biometric';

await NativeBiometric.setCredentials({
  username: 'username',
  password: 'password',
  server: 'example.com',
});

deleteCredentials()

Menghapus kredensial yang tersimpan untuk server tertentu.

import { NativeBiometric } from '@capgo/capacitor-native-biometric';

await NativeBiometric.deleteCredentials({ server: 'example.com' });

getSecureCredentials()

Mengambil kredensial yang tersimpan untuk server tertentu dengan autentikasi biometrik. Kredensial harus disimpan dengan accessControl bernilai BIOMETRY_CURRENT_SET atau BIOMETRY_ANY.

import { NativeBiometric } from '@capgo/capacitor-native-biometric';

const result = await NativeBiometric.getSecureCredentials({ server: 'example.com' });
// The result holds sensitive values: use it without logging it.

Tabel di atas mencantumkan 12 metode inti. Dokumentasi mengenai helper Listener, version, serta kontrak lengkap dari setiap metode tersedia di repositori GitHub.

Mendengarkan event

addListener mengembalikan sebuah handle. Panggil handle.remove() saat screen di-unmount.

Referensi lengkap

Lanjutkan dari Menggunakan @capgo/capacitor-native-biometric

Jika Anda menggunakan Menggunakan @capgo/capacitor-native-biometric untuk merencanakan alur autentikasi dan akun, hubungkan dengan @capgo/capacitor-native-biometric untuk detail implementasi di @capgo/capacitor-native-biometric, Panduan Memulai untuk detail implementasi di Getting Started, @capgo/capacitor-social-login untuk detail implementasi di @capgo/capacitor-social-login, @capgo/capacitor-passkey untuk detail implementasi di @capgo/capacitor-passkey, dan Autentikasi dua faktor untuk detail implementasi di autentikasi dua faktor.

FAQ

FAQ plugin Native Biometric

Bagaimana cara install plugin Native Biometric di aplikasi Capacitor?

Jalankan "bun add @capgo/capacitor-native-biometric" (atau "npm install @capgo/capacitor-native-biometric"), lalu jalankan "bunx cap sync" agar proyek iOS dan Android mendeteksi code native tersebut. Import dari "@capgo/capacitor-native-biometric" di dalam code aplikasi Anda.

Apakah @capgo/capacitor-native-biometric bisa digunakan dengan React, Vue, dan Angular?

Ya. Native Biometric adalah package Capacitor, jadi bisa digunakan dengan framework web apa pun yang berjalan di dalam Capacitor, termasuk Ionic, React, Vue, Angular, Svelte, dan JavaScript murni.

Versi Capacitor mana yang didukung oleh @capgo/capacitor-native-biometric?

Plugin Capgo mengikuti versi mayor Capacitor: gunakan versi mayor plugin yang sesuai dengan versi mayor Capacitor Anda (contoh: plugin v8 dengan Capacitor 8). Tabel kompatibilitas di README GitHub mencantumkan versi yang masih di-maintain.

Apakah @capgo/capacitor-native-biometric gratis dan open source?

Ya. Source code tersedia secara publik di GitHub pada https://github.com/Cap-go/capacitor-native-biometric/ dan paketnya gratis untuk diinstal dari npm. Bug report dan pull request sangat kami terima.

Bisakah saya memperbarui code yang menggunakan Native Biometric tanpa review App Store?

Instalasi atau upgrade plugin akan mengubah native code, jadi butuh build store baru. Setelah itu, perubahan JavaScript, HTML, dan CSS yang memanggil plugin bisa langsung dikirim lewat live updates Capgo.

Rilis perubahan Native Biometric tanpa menunggu review aplikasi

Setelah plugin ada di build store Anda, live updates Capgo akan mengirim perubahan JavaScript, HTML, dan CSS ke pengguna dalam hitungan menit.

Mulai dengan Capgo