Premiers pas
Installation pour nouveau projet
Section titled “Installation pour nouveau projet”-
Installez les packages principaux
Terminal window npm install @capacitor-plus/core @capacitor-plus/cli -
Ajoutez les packages de plateforme
Terminal window npm install @capacitor-plus/android # pour Androidnpm install @capacitor-plus/ios # pour iOS -
Initialisez 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 -
Ajoutez les 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 titled “Migration depuis Capacitor officiel”Si vous avez un projet Capacitor existant, la migration vers Capacitor+ est simple :
-
Supprimez les packages officiels
Terminal window npm uninstall @capacitor/core @capacitor/cli @capacitor/android @capacitor/ios -
Installez les packages Capacitor+
Terminal window npm install @capacitor-plus/core @capacitor-plus/clinpm install @capacitor-plus/android # si vous utilisez Androidnpm install @capacitor-plus/ios # si vous utilisez 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 titled “Utilisation”Puisque Capacitor+ est compatible au niveau de l’API, votre code existant fonctionne sans changement :
import { Capacitor } from '@capacitor/core';import { registerPlugin } from '@capacitor/core';
// Vérifier la plateformeconst platform = Capacitor.getPlatform();console.log('Exécution sur:', platform);
// Vérifier si natifif (Capacitor.isNativePlatform()) { console.log('Exécution sur plateforme native');}
// Enregistrer un plugin personnaliséconst MyPlugin = registerPlugin('MyPlugin');Avec les plugins Capacitor officiels
Section titled “Avec les plugins Capacitor officiels”Tous les plugins Capacitor officiels fonctionnent de manière transparente :
import { Camera, CameraResultType } from '@capacitor/camera';import { Geolocation } from '@capacitor/geolocation';import { Storage } from '@capacitor/preferences';
// Caméraconst photo = await Camera.getPhoto({ quality: 90, resultType: CameraResultType.Uri});
// Géolocalisationconst position = await Geolocation.getCurrentPosition();
// Stockageawait Storage.set({ key: 'name', value: 'John' });Avec les plugins Capgo
Section titled “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';
// Mises à jour en directawait CapacitorUpdater.notifyAppReady();
// Orientation de l'écranawait ScreenOrientation.lock({ orientation: 'portrait' });
// Lampe torcheawait CapacitorFlash.toggle();Comment fonctionne la synchronisation
Section titled “Comment fonctionne la synchronisation”┌─────────────────────┐ ┌──────────────────┐ ┌──────────────────┐ ┌─────────────────┐│ ionic-team/ │ │ CI/CD │ │ Claude Code │ │ npm publish ││ capacitor │────▶│ Pipeline │────▶│ Revue sécurité │────▶│ @capacitor-plus││ (upstream) │ │ (sync quotidien)│ │ (analyse IA) │ │ packages │└─────────────────────┘ └──────────────────┘ └──────────────────┘ └─────────────────┘- Synchronisation quotidienne : GitHub Actions récupère les derniers changements de
ionic-team/capacitor - Création de PR : Les changements sont proposés comme pull requests vers la branche
plus - Validation CI : La suite de tests complète s’exécute (lint, tests unitaires, build iOS, build Android)
- Revue de sécurité : L’analyse alimentée par IA vérifie les vulnérabilités et les changements cassants
- Fusion automatique : Seulement si le CI passe ET la revue de sécurité approuve
- Publication automatique : Nouvelle version publiée sur npm sous
@capacitor-plus/*
Détails de la revue de sécurité
Section titled “Détails de la revue de sécurité”Chaque synchronisation en amont est analysée pour :
| Vérification | Ce qu’elle détecte |
|---|---|
| Sécurité | Injection de commande, XSS, traversée de chemin, secrets codés en dur |
| Changements cassants | APIs supprimées/renommées, signatures modifiées, changements de config |
| Stabilité | Déréférencements null, exceptions non gérées, conditions de course, fuites mémoire |
| Sécurité des données | Scénarios de perte de données, violations de confidentialité, stockage non sécurisé |
| Intégrité du code | Code obscurci, appels réseau suspects, portes dérobées |
Soumettre votre PR
Section titled “Soumettre votre PR”Vous avez une PR bloquée dans le dépôt Capacitor officiel ? Faites-la fusionner dans Capacitor+ :
-
Ouvrez un issue dans le dépôt Capacitor+ en liant votre PR en amont
-
Ou soumettez directement comme une PR vers la branche
plus -
L’équipe examinera, exécutera le CI et fusionnera si ça passe
De cette façon, vous et d’autres pouvez bénéficier de votre travail immédiatement sans attendre le cycle de version en amont.
Est-ce prêt pour la production ?
Section titled “Est-ce prêt pour la production ?”Oui. Capacitor+ est utilisé dans des applications en production. Chaque version passe la même suite de tests que Capacitor officiel, plus une analyse de sécurité supplémentaire.
Mes plugins officiels fonctionneront-ils toujours ?
Section titled “Mes plugins officiels fonctionneront-ils toujours ?”Oui. Tous les plugins @capacitor/* fonctionnent avec Capacitor+ prêts à l’emploi.
Que se passe-t-il si l’amont publie un changement cassant ?
Section titled “Que se passe-t-il si l’amont publie un changement cassant ?”La revue de sécurité IA signale les changements cassants pour revue manuelle. Vous verrez les changements documentés avant qu’ils ne soient fusionnés.
Comment signaler des problèmes ?
Section titled “Comment signaler des problèmes ?”Déposez des issues sur le dépôt GitHub Capacitor+. Pour les problèmes qui affectent également Capacitor officiel, nous aiderons à coordonner en amont.
Puis-je contribuer ?
Section titled “Puis-je contribuer ?”Absolument ! Les PR sont les bienvenues. Vous pouvez soumettre des corrections directement ou demander que des PR en amont spécifiques soient fusionnées.