Lebih Lanjut ke Konten

Getting Started

GitHub

Anda dapat menggunakan Setup Bantuan AI untuk menginstal plugin. Tambahkan Capgo kemampuan ke alat AI Anda menggunakan perintah berikut:

Tampilan Jendela Terminal
npx skills add https://github.com/Cap-go/capgo-skills --skill capacitor-plugins

Lalu gunakan prompt berikut:

Use the `capacitor-plugins` skill from `Cap-go/capgo-skills` to install the `@capgo/capacitor-passkey` plugin in my project.

Jika Anda lebih suka Setup Manual, instal plugin dengan menjalankan perintah-perintah berikut dan ikuti instruksi spesifik platform di bawah ini:

  1. Instal paket

    Jendela terminal
    bun add @capgo/capacitor-passkey
  2. Sinkronkan proyek native

    Jendela terminal
    bunx cap sync
  3. Tambahkan konfigurasi plugin

    import type { CapacitorConfig } from '@capacitor/cli';
    const config: CapacitorConfig = {
    appId: 'app.capgo.passkey.example',
    appName: 'My App',
    webDir: 'dist',
    plugins: {
    CapacitorPasskey: {
    origin: 'https://signin.example.com',
    autoShim: true,
    domains: ['signin.example.com'],
    },
    },
    };
    export default config;
  4. Pasang shim selama bootstrap

    import { CapacitorPasskey } from '@capgo/capacitor-passkey';
    await CapacitorPasskey.autoShimWebAuthn();
  5. Tetapkan aliran WebAuthn normal Anda

    const registration = await navigator.credentials.create({
    publicKey: registrationOptions,
    });
    const authentication = await navigator.credentials.get({
    publicKey: requestOptions,
    });

Apa yang dilakukan oleh pengaturan plugin

Judul bagian “Apa yang dilakukan oleh pengaturan plugin”

Konfigurasi dibaca dari plugins.CapacitorPasskey di capacitor.config.*.

  • origin: asal HTTPS utama host yang dipakai oleh shim dan langsung API
  • domains: nama host tambahan untuk memperbaiki ke konfigurasi asli selama sinkronisasi
  • autoShim: default ke true dan mengontrol native cap sync hook konfigurasi otomatis

Apa saja patch sinkronisasi untuk Anda

Bab berjudul “Apa saja patch sinkronisasi untuk Anda”

Ketika Anda menjalankan bunx cap sync, plugin ini memperbarui proyek host native yang dihasilkan:

  • iOS: hak akses domain terkait dan pengaturan Xcode ketika diperlukan
  • Android: asset_statements metadata dan sumber daya yang dihasilkan yang digunakan oleh manifest

Hook ini tidak memublikasikan file kepercayaan situs web Anda. Anda masih perlu menyimpan:

  • https://your-domain/.well-known/apple-app-site-association
  • https://your-domain/.well-known/assetlinks.json

Jika Anda menggunakan Getting Started untuk merencanakan autentikasi dan aliran akun, hubungkannya dengan Menggunakan @capgo/capacitor-passkey untuk kemampuan asli di Menggunakan @capgo/capacitor-passkey, capgo/capacitor-login sosial untuk detail implementasi di capgo/capacitor-login sosial, capgo/capacitor-passkey untuk detail implementasi di capgo/capacitor-passkey, capgo/capacitor-biometrik native untuk detail implementasi di capgo/capacitor-biometrik native, dan Autentikasi dua faktor untuk detail implementasi di Autentikasi dua faktor.