Guide
Tutoriel sur Capacitor+ Core
Utilisation de Capacitor+ (@capacitor-plus) Packages
Capacitor+ est une branche automatique, toujours synchronisée de Capacitor entretenu par Capgo. Il fournit une substitution directe pour les packages officiels Capacitor avec un avantage clé : les PRs et les corrections de la communauté sont fusionnés plus rapidement.
Why Capacitor+ Existe
Équipe Ionic maintient Capacitor en fonction de leurs propres priorités et de leur calendrier de publication. Cela signifie que les contributions de la communauté - corrections de bogues, améliorations et fonctionnalités - peuvent attendre des mois ou même des années avant d'être fusionnées. Certaines ne sont jamais intégrées.
Capacitor+ résout ce problème en :
- Mise en fusion de PR de Forks - Les PR précieux qui sont bloqués dans la file d'attente de l'amont sont activement fusionnés
- Synchronisation Continue - Chaque changement de l'amont Capacitor est automatiquement récupéré, testé et vérifié
- Lancements Rapides - Lorsque les changements passent par la CI, ils sont automatiquement publiés sur npm sous le
@capacitor-plusscope - Communauté en Premier - Vos contributions comptent et sont priorisées
- Vérification de la Sécurité - Chaque modification est analysée par l'IA pour les vulnérabilités de sécurité, les changements de rupture et les risques de stabilité
Packages Disponibles
| Package | Description |
|---|---|
@capacitor-plus/core |
Bibliothèque de runtime de base |
@capacitor-plus/cli |
Interface de ligne de commande |
@capacitor-plus/android |
Runtime Android |
@capacitor-plus/ios |
Runtime iOS |
Installation
Nouveau Projet
Pour un nouveau projet, utilisez simplement les Capacitor+ packages au lieu des officiels :
npm install @capacitor-plus/core @capacitor-plus/cli
npm install @capacitor-plus/android # for Android
npm install @capacitor-plus/ios # for iOS
Initialisez ensuite votre projet :
npx cap init
npx cap add android
npx cap add ios
Migration depuis l'official Capacitor
Pour migrer un projet existant depuis l'official Capacitor vers Capacitor+:
# Remove official packages
npm uninstall @capacitor/core @capacitor/cli @capacitor/android @capacitor/ios
# Install Capacitor+ packages
npm install @capacitor-plus/core @capacitor-plus/cli
npm install @capacitor-plus/android # if using Android
npm install @capacitor-plus/ios # if using iOS
Puisque Capacitor+ est un remplacement sans modification avec les mêmes API, aucune code modification n'est requise. Vos importations restent les mêmes :
// These imports work the same with Capacitor+
import { Capacitor } from '@capacitor/core';
import { registerPlugin } from '@capacitor/core';
Comment ça marche
┌─────────────────────┐ ┌──────────────────┐ ┌──────────────────┐ ┌─────────────────┐
│ ionic-team/ │ │ CI/CD │ │ Claude Code │ │ npm publish │
│ capacitor │────▶│ Pipeline │────▶│ Security Review │────▶│ @capacitor-plus│
│ (upstream) │ │ (daily sync) │ │ (AI analysis) │ │ packages │
└─────────────────────┘ └──────────────────┘ └──────────────────┘ └─────────────────┘
- Synchronisation quotidienne : Une action GitHub récupère les dernières modifications depuis
ionic-team/capacitor - Création de PR : Les modifications sont proposées sous forme de requêtes de fusion vers le
plusbranch - Validation CI : Tout le jeu de tests est exécuté (lint, tests unitaires, build iOS, build Android)
- Claude Code Revue: Analyse de sécurité complète alimentée par l'IA qui vérifie :
- Vulnérabilités de sécurité (injection, XSS, etc.)
- Changements de API qui peuvent briser l'application
- Risques de plantage et problèmes de stabilité
- Préoccupations concernant l'intégrité et la confidentialité des données
- Modèles malveillants de code
- Auto-Merge: Seul si le CI passe ET Claude approuve (aucun problème détecté)
- Auto-Publication: Une nouvelle version est publiée sur npm sous
@capacitor-plus/*
Revue de Sécurité
Tout synchronisation en amont est analysée pour :
| Vérifier | Description |
|---|---|
| Sécurité | Injection de commandes, XSS, parcours de chemins, secrets fixés, etc. |
| Changements majeurs | APIs supprimées/renommées, signatures modifiées, changements de format de configuration |
| Stabilité | Références à null, exceptions non gérées, conditions de course, fuites de mémoire |
| Sécurité des données | Scénarios de perte de données, violations de la vie privée, stockage non sécurisé |
| Code Integrity | Obfusqués code, appels réseau suspects, backdoors |
Si des problèmes sont détectés, le PR est signalé pour une revue manuelle et ne sera PAS fusionné automatiquement.
Voulez-vous que votre PR soit fusionné?
Vous avez un PR bloqué dans le dépôt officiel Capacitor? Voici comment le faire passer dans Capacitor+:
- Ouvrez une question dans le Capacitor+ dépôt en faisant référence à votre PR upstream
- Ou soumettez le PR directement à la
plusbranch - L'équipe le passera en revue, exécutera la CI et le fusionnera si il passe
De cette façon, vous et les autres pouvez bénéficier de votre travail immédiatement, sans attendre le cycle de mise à jour upstream.
Avantages
- Obtenir les PR bloqués maintenantFixes et fonctionnalités de la communauté qui attendent upstream sont fusionnés
- Restez à jourObtenir les correctifs upstream dès qu'ils passent les tests CI
- Sécurité en premierChaque changement est examiné pour les vulnérabilités et les risques de stabilité
- Versions vérifiéesSeules les modifications qui passent à la fois les tests des CI et la revue de sécurité AI sont publiées
- Remplacement en un coupMême API que Capacitor, mais avec un package scope différent
- Votre Voix Compte: Soumettez vos propres PRs ou demandez des PRs upstream spécifiques pour être fusionnés
Exemple : Utilisation de Capacitor+ avec des Plugins
Tous les plugins officiels Capacitor fonctionnent sans heurts avec Capacitor+:
import { Capacitor } from '@capacitor/core';
import { Camera, CameraResultType } from '@capacitor/camera';
import { Geolocation } from '@capacitor/geolocation';
// Everything works exactly the same
const platform = Capacitor.getPlatform();
const photo = await Camera.getPhoto({
resultType: CameraResultType.Uri
});
const position = await Geolocation.getCurrentPosition();
Les plugins Capgo fonctionnent également parfaitement avec Capacitor+:
import { CapacitorUpdater } from '@capgo/capacitor-updater';
import { ScreenOrientation } from '@capgo/capacitor-screen-orientation';
// Use Capgo plugins with Capacitor+
await CapacitorUpdater.notifyAppReady();
await ScreenOrientation.lock({ orientation: 'portrait' });
C'est tout ! Vous avez maintenant une version mise à jour plus rapide de Capacitor avec des améliorations de la communauté fusionnées plus rapidement. Vos applications bénéficieront de correctifs de bogues et de fonctionnalités sans attendre le cycle de mise à jour officiel.
Continuez à partir de Utilisation de Capacitor+ (@capacitor-plus) Packages
Si vous utilisez Utilisation de Capacitor+ (@capacitor-plus) Packages pour planifier le travail de plugin natif, connectez-le avec Capacitor+ pour les détails d'implémentation dans Capacitor+, Capgo Répertoire des plugins pour le flux de travail du produit dans Capgo Répertoire des plugins, Capacitor Plugins par Capgo pour le détail d'implémentation dans Capacitor Plugins par Capgo, Ajouter ou Mettre à Jour les Plugins pour le détail d'implémentation dans Ajouter ou Mettre à Jour les Plugins, et Alternatives de Plugins d'Entreprise Ionic pour le flux de travail du produit dans Alternatives de Plugins d'Entreprise Ionic.