Lompat ke Konten

Getting Started

GitHub

Anda dapat menggunakan Pengaturan AI Bantu untuk memasang plugin. Tambahkan Capgo kemampuan ke alat AI Anda menggunakan perintah berikut:

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 API secara langsung
  • domains: nama host tambahan untuk dipasang ke konfigurasi native selama sinkronisasi
  • autoShim: default ke true dan mengontrol native cap sync hook konfigurasi otomatis

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

  • iOS: hak akses domain terkait dan pengaturan hak akses 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 native 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.