Saltar al contenido

Empezar

  1. Instale el paquete

    Ventana de terminal
    bun add @capgo/capacitor-passkey
  2. Sincronice proyectos nativos

    Ventana de terminal
    bunx cap sync
  3. Agregar la configuración del 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. Instale el shim durante el arranque

    import { CapacitorPasskey } from '@capgo/capacitor-passkey';
    await CapacitorPasskey.autoShimWebAuthn();
  5. Mantenga su flujo normal de WebAuthn

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

La configuración se lee de plugins.CapacitorPasskey en capacitor.config.*.

  • origin: origen de HTTPS primario de terceros utilizado por el shim y directo API
  • domains: nombres de host de terceros adicionales para parchear en la configuración nativa durante la sincronización
  • autoShim: predeterminado true y controla la función de parcheo automático cap sync Hook de configuración nativa

Cuando ejecutes bunx cap syncel plugin actualiza el proyecto de host nativo generado:

  • iOS: configuración de dominios asociados y configuración de Xcode cuando sea necesario
  • Android: asset_statements metadatos y el recurso generado utilizado por el manifiesto

El hook no publica los archivos de confianza de tu sitio web por ti. Todavía necesitas hospedar:

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