Sauter au contenu

Getting Started

GitHub

Vous pouvez utiliser notre configuration assistée par l'IA pour installer le plugin. Ajoutez les Capgo compétences à votre outil IA en utilisant la commande suivante :

Fenêtre de terminal
npx skills add https://github.com/Cap-go/capgo-skills --skill capacitor-plugins

Ensuite, utilisez la prompt suivante :

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

Si vous préférez la configuration manuelle, installez le plugin en exécutant les commandes suivantes et suivez les instructions spécifiques à la plateforme ci-dessous :

  1. Installer le package

    Fenêtre de terminal
    bun add @capgo/capacitor-passkey
  2. Synchroniser les projets natifs

    Fenêtre de terminal
    bunx cap sync
  3. Ajoutez la configuration du 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. Installez le shim pendant le démarrage

    import { CapacitorPasskey } from '@capgo/capacitor-passkey';
    await CapacitorPasskey.autoShimWebAuthn();
  5. Conservez votre flux WebAuthn normal

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

La configuration est lue à partir de plugins.CapacitorPasskey en capacitor.config.*.

  • origin: origine HTTPS primaire utilisée par le shim et directement par API
  • domains: hôtes de l'origine dépendante supplémentaires à intégrer dans la configuration native lors de la synchronisation
  • autoShim: par défaut true et contrôle la mise à jour automatique de la configuration native cap sync Hook de mise à jour automatique de la configuration native

Lorsque vous exécutez bunx cap sync, le plugin met à jour le projet de hôte natif généré :

  • iOS : autorisations de domaine associées et mise en relation des autorisations Xcode lorsqu'il le faut
  • Android : asset_statements méta-données et le ressource généré utilisé par le manifeste

Le hook ne publie pas vos fichiers de confiance de site web pour vous. Vous avez toujours besoin d'héberger :

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

Si vous utilisez Démarrage pour planifier l'authentification et les flux de compte, connectez-le avec En utilisant @capgo/capacitor-passkey pour la capacité native dans En utilisant @capgo/capacitor-passkey, @capgo/capacitor-social-login pour le détail d'implémentation dans @capgo/capacitor-social-login, @capgo/capacitor-passkey pour le détail d'implémentation dans @capgo/capacitor-passkey, @capgo/capacitor-native-biometric pour le détail d'implémentation dans @capgo/capacitor-native-biometric, et L'authentification à deux facteurs pour le détail d'implémentation dans L'authentification à deux facteurs.