Prise en main
Copiez un prompt de configuration incluant les étapes d'installation et le guide markdown complet pour ce plugin.
Set up this Capacitor plugin in the project.
Use the package manager already used by the project.
Install these package(s): `@capgo/capacitor-shake`
Run the required Capacitor sync/update step after installation.
Read this markdown guide for the full setup steps: https://raw.githubusercontent.com/Cap-go/website/refs/heads/main/apps/docs/src/content/docs/docs/plugins/shake/getting-started.mdx
Use that guide for platform-specific steps, native file edits, permissions, config changes, imports, and usage setup.
If that guide references other docs pages, read them too.
Installer
Section intitulée « Installation »Vous pouvez utiliser notre configuration assistée par IA pour installer le plugin. Ajoutez les skills Capgo à votre outil d'IA avec la commande suivante :
npx skills add https://github.com/Cap-go/capgo-skills --skill capacitor-pluginsUtilisez ensuite le prompt suivant :
Use the `capacitor-plugins` skill from `Cap-go/capgo-skills` to install the `@capgo/capacitor-shake` plugin in my project.Si vous préférez une installation manuelle, installez le plugin en exécutant les commandes suivantes et suivez les instructions spécifiques à chaque plateforme ci-dessous :
bun add @capgo/capacitor-shakebunx cap syncImporter
Section intitulée « Import »import { CapacitorShake } from '@capgo/capacitor-shake';Démarrage rapide
Section intitulée « Démarrage rapide »import { CapacitorShake } from '@capgo/capacitor-shake';
const listener = await CapacitorShake.addListener('shake', () => { openFeedbackSheet();});
// on logout or route leaveawait listener.remove();Exemple : throttle dans l'app code
Section intitulée « Exemple : throttle dans l’app code »Shake peut se déclencher par rafales. Appliquez un debounce avant d’ouvrir des modales ou d’appeler des API.
Erreurs courantes
Section intitulée « Erreurs courantes »- Le Web: il n’y a pas de shake API dans les navigateurs mobiles via ce plugin.
- Nettoyage des listeners : supprimez les listeners en quittant l'écran pour éviter les handlers en double.
- Android vs iOS : la sensibilité diffère, testez sur un appareil réel.
Aperçu de API
Section intitulée « Aperçu API »addListener
Section intitulée « addListener »Écoutez l'événement de secousse sur l'appareil.
Enregistre un listener qui sera appelé dès qu'un geste de secousse est détecté. La détection de secousse utilise l'accéléromètre de l'appareil pour identifier les patterns de secousse.
import { CapacitorShake } from '@capgo/capacitor-shake';
const listener = await CapacitorShake.addListener('shake', () => { console.log('Shake detected!');});
// To remove the listener:await listener.remove();getPluginVersion
Section intitulée « getPluginVersion »Récupère la version du plugin natif Capacitor.
Renvoie la version actuelle de l'implémentation du plugin natif.
import { CapacitorShake } from '@capgo/capacitor-shake';
const { version } = await CapacitorShake.getPluginVersion();console.log('Plugin version:', version);Source de vérité
Section intitulée « Source de vérité »Cette page est générée à partir de src/definitions.ts. Relancez la synchronisation lorsque l’API public change en amont.
Continuer depuis Getting Started
Section intitulée « Continuer après Prise en main »Si vous utilisez Prise en main pour planifier les opérations du dashboard et de API, connectez-l’avec Utilisation de @capgo/capacitor-shake pour la fonctionnalité native dans « Utiliser @capgo/capacitor-shake », Aperçu de API pour les détails d'implémentation dans « Vue d'ensemble de API », Introduction pour les détails d'implémentation dans l'introduction, Clés API pour les détails d'implémentation dans « Clés API », et Appareils pour les détails d'implémentation dans Devices.