Guide
Tutoriel sur Capacitor+ Core
Utilisation de Capacitor+ (@capacitor-plus) Packages
Capacitor+ est une branche automatique et toujours synchronisée de Capacitor entretenu par CapgoIl fournit une substitution de remplacement pour les packages officiels Capacitor avec un avantage clé : les PRs et les correctifs 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 bloqués dans la file d'attente de l'amont sont fusionnés activement
- Synchro Continue - Chaque changement de l'amont Capacitor est automatiquement récupéré, testé et vérifié
- Sorties 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 Sécurité Tout changement est analysé 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 packages Capacitor+ 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
Migrer à partir de l'official Capacitor
Pour migrer un projet existant à partir de 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 le même API, aucune modification code 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 demandes de tirage vers le
plusbranch - Validation CI: Tout le jeu de tests s'exécute (lint, tests unitaires, build iOS, build Android)
- Claude Code Review: Analyse de sécurité puissante alimentée par l'IA qui vérifie :
- Vulnérabilités de sécurité (injection, XSS, etc.)
- Changements API brisants
- Risques de plantage et problèmes de stabilité
- Préoccupations concernant l'intégrité et la confidentialité des données
- Modèles code malveillants
- Auto-Merge: Seuls si le CI passe ET Claude approuve (aucun problème détecté)
- Auto-Publish: Une nouvelle version est publiée sur npm sous
@capacitor-plus/*
Révision de sécurité
Chaque synchronisation en amont est analysée pour :
| Vérifier | Description |
|---|---|
| Sécurité | Injection de commande, XSS, parcours de chemin, secrets fixés, etc. |
| Changements de rupture | API 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é |
| Intégrité Code | 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é ?
Avez-vous un PR bloqué dans le dépôt officiel Capacitor ? Voici comment le faire passer dans Capacitor+ :
- Ouvrez une issue dans le dépôt Capacitor+ en faisant référence à votre PR upstream
- Ou soumettez le PR directement à la
plusbranche - L'équipe le passera en revue, exécutera la CI et le fusionnera si cela passe
De cette façon, vous et les autres pouvez bénéficier de votre travail immédiatement, sans attendre le cycle de publication upstream.
Avantages
- Fixes de PR bloqués maintenantMises à jour de la communauté et des fonctionnalités qui attendent upstream sont fusionnées
- Restez à jourObtenez 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 CI et la revue de sécurité AI sont publiées
- Remplacement en un clicMême API que Capacitor, mais avec un champ d'application de package 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 les 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 communautaires 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 de l'Utilisation de Capacitor+ (@capacitor-plus) Packages
Si vous utilisez Utilisation de Capacitor+ (@capacitor-plus) Packages pour planifier le travail de plugin natif, connectez-l’avec Capacitor+ pour les détails d'implémentation dans Capacitor+, Répertoire de plugins Capgo pour le flux de travail du produit dans le Capgo Répertoire de plugins Capacitor Plugins par Capgo pour le détail d'implémentation dans les 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 les Alternatives de Plugins d'Entreprise Ionic.