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 packages:
- `@capacitor-plus/core`
- `@capacitor-plus/cli`
- `@capacitor-plus/android` if the project targets Android
- `@capacitor-plus/ios` if the project targets iOS
Complete the required Capacitor initialization, platform, sync, native setup, and configuration work.
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/capacitor-plus/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.
Démarrage rapide
Section intitulée « Démarrage rapide »bun add @capgo/capacitor-plusnpx cap syncErreurs courantes
Section intitulée « Erreurs courantes »- Remplacez toutes les dépendances @capacitor/*.
- Régénérez les projets natifs après la migration.
- Lisez les release notes avant de bump.
Installation d'un nouveau projet
Section intitulée « Installation d'un nouveau projet »Vous pouvez utiliser notre configuration assistée par IA pour installer Capacitor+. Ajoutez les skills Capgo à votre outil 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 `@capacitor-plus/core`, `@capacitor-plus/cli`, `@capacitor-plus/android`, and `@capacitor-plus/ios` packages in my project.Si vous préférez une installation manuelle, installez les packages en exécutant les commandes suivantes et suivez les instructions spécifiques à chaque plateforme ci-dessous :
-
Installer les packages de base
Fenêtre de terminal npm install @capacitor-plus/core @capacitor-plus/cli -
Ajouter les packages de plateforme
Fenêtre de terminal npm install @capacitor-plus/android # for Androidnpm install @capacitor-plus/ios # for iOS -
Initialiser Capacitor
Fenêtre de terminal npx cap initFenêtre de terminal pnpm cap initFenêtre de terminal yarn cap initFenêtre de terminal bunx cap init -
Ajouter des plateformes
Fenêtre de terminal npx cap add androidFenêtre de terminal pnpm cap add androidFenêtre de terminal yarn cap add androidFenêtre de terminal bunx cap add androidFenêtre de terminal npx cap add iosFenêtre de terminal pnpm cap add iosFenêtre de terminal yarn cap add iosFenêtre de terminal bunx cap add ios
Migration depuis Capacitor officiel
Section intitulée « Migration depuis le Capacitor officiel »Si vous avez déjà un projet Capacitor, migrer vers Capacitor+ est simple :
-
Supprimer les packages officiels
Fenêtre de terminal npm uninstall @capacitor/core @capacitor/cli @capacitor/android @capacitor/ios -
Installer les packages Capacitor+
Fenêtre de terminal npm install @capacitor-plus/core @capacitor-plus/clinpm install @capacitor-plus/android # if using Androidnpm install @capacitor-plus/ios # if using iOS -
Synchronisez votre projet
Fenêtre de terminal npx cap syncFenêtre de terminal pnpm cap syncFenêtre de terminal yarn cap syncFenêtre de terminal bunx cap sync
Utilisation
Section intitulée « Usage »Puisque Capacitor+ est compatible avec API, votre code actuel fonctionne sans modification :
import { Capacitor } from '@capacitor/core';import { registerPlugin } from '@capacitor/core';
// Check platformconst platform = Capacitor.getPlatform();console.log('Running on:', platform);
// Check if nativeif (Capacitor.isNativePlatform()) { console.log('Running on native platform');}
// Register a custom pluginconst MyPlugin = registerPlugin('MyPlugin');Avec les plugins officiels Capacitor
Section intitulée « Avec les plugins officiels Capacitor »Tous les plugins officiels Capacitor fonctionnent parfaitement :
import { Camera, CameraResultType } from '@capacitor/camera';import { Geolocation } from '@capacitor/geolocation';import { Storage } from '@capacitor/preferences';
// Cameraconst photo = await Camera.getPhoto({ quality: 90, resultType: CameraResultType.Uri});
// Geolocationconst position = await Geolocation.getCurrentPosition();
// Storageawait Storage.set({ key: 'name', value: 'John' });Avec les plugins Capgo
Section intitulée « Avec les plugins Capgo »Les plugins Capgo fonctionnent parfaitement avec Capacitor+ :
import { CapacitorUpdater } from '@capgo/capacitor-updater';import { ScreenOrientation } from '@capgo/capacitor-screen-orientation';import { CapacitorFlash } from '@capgo/capacitor-flash';
// Live updatesawait CapacitorUpdater.notifyAppReady();
// Screen orientationawait ScreenOrientation.lock({ orientation: 'portrait' });
// Flashlightawait CapacitorFlash.toggle();Fonctionnement de la synchronisation
Section titled “How the Sync Works”┌─────────────────────┐ ┌──────────────────┐ ┌──────────────────┐ ┌─────────────────┐│ ionic-team/ │ │ CI/CD │ │ Claude Code │ │ npm publish ││ capacitor │────▶│ Pipeline │────▶│ Security Review │────▶│ @capacitor-plus││ (upstream) │ │ (daily sync) │ │ (AI analysis) │ │ packages │└─────────────────────┘ └──────────────────┘ └──────────────────┘ └─────────────────┘- Daily Sync : Les actions GitHub récupèrent les derniers changements de
ionic-team/capacitor - Création de la PR: Les changements sont proposés via des pull requests vers le
plusbranche - Validation CI: Exécution de la suite de tests complète (lint, tests unitaires, build iOS, build Android)
- Revue de sécurité: L'analyse par IA vérifie les vulnérabilités et les breaking changes
- Auto-merge: Uniquement si la CI passe ET si la revue de sécurité approuve
- Auto-publication: Nouvelle version publiée sur npm sous
@capacitor-plus/*
Détails de la revue de sécurité
Section intitulée « Détails de la revue de sécurité »Chaque synchronisation amont est analysée pour :
| Vérifier | Ce qu'elle détecte |
|---|---|
| Sécurité | Injection de commande, XSS, path traversal, secrets codés en dur |
| Breaking changes | API supprimées/renommées, signatures modifiées, changements de config |
| Stabilité | Déréférencements de null, exceptions non gérées, race conditions, fuites de mémoire |
| Data Safety | Scénarios de perte de données, atteintes à la vie privée, stockage non sécurisé |
| Intégrité de l'Code | code obfusqué, appels réseau suspects, backdoors |
Soumettre votre PR
Section intitulée « Soumettre votre PR »Une PR est bloquée dans le repo officiel Capacitor ? Faites-la fusionner en Capacitor+ :
-
Ouvrir une issue dans l' Repo Capacitor+ faisant le lien avec votre PR upstream
-
Ou soumettez directement via une PR sur la
plusbranche -
L'équipe relira, lancera la CI et fusionnera si tout passe
De cette façon, vous et les autres pouvez bénéficier de votre travail immédiatement, sans attendre le cycle de release en amont.
Est-ce prêt pour la production ?
Section intitulée « Est-ce prêt pour la production ? »Oui. Capacitor+ est utilisé dans des applications en production. Chaque release passe la même suite de tests que les Capacitor officiels, plus une analyse de sécurité supplémentaire.
Mes plugins officiels fonctionneront-ils toujours ?
Section intitulée « Mes plugins officiels fonctionneront-ils toujours ? »Oui. Tous @capacitor/* les plugins fonctionnent avec Capacitor+ immédiatement.
Que se passe-t-il si l'upstream publie un breaking change ?
Section intitulée « Et si l'upstream publie un breaking change ? »L'analyse de sécurité IA signale les breaking changes pour une revue manuelle. Vous verrez les changements documentés avant leur fusion.
Comment signaler un problème ?
Section intitulée « Comment signaler des problèmes ? »Signalez les problèmes sur le repo Capacitor+ GitHub. Pour les problèmes qui touchent aussi les Capacitor officiels, nous vous aiderons à coordonner avec l'upstream.
Puis-je contribuer ?
Section intitulée « Puis-je contribuer ? »Absolument ! Les PR sont les bienvenues. Vous pouvez soumettre des correctifs directement ou demander la fusion de PR upstream spécifiques.
Continuer depuis Getting Started
Section intitulée « Continuer après Prise en main »Si vous utilisez Prise en main pour planifier le travail sur les plugins natifs, connectez-l’à Utiliser les packages Capacitor+ (@capacitor-plus) pour la capacité native dans l'utilisation des packages Capacitor+ (@capacitor-plus), Capgo Répertoire des plugins pour le workflow produit dans Capgo Plugin Directory, Plugins Capacitor par Capgo pour les détails d'implémentation dans Plugins Capacitor par Capgo, Ajouter ou mettre à jour des plugins pour les détails d'implémentation dans Ajout ou mise à jour de plugins, et Alternatives aux plugins Ionic Enterprise pour le workflow produit dans Alternatives aux plugins Ionic Enterprise.