Aller au contenu

Prise en main

GitHub

Installation de Nouveau Projet

Installation de nouveau projet

Vous pouvez utiliser notre configuration assistée par l'IA pour installer Capacitor+. Ajoutez les compétences Capgo à votre outil IA à l'aide de la commande suivante :

Fenêtre de terminal
npx skills add https://github.com/Cap-go/capgo-skills --skill capacitor-plugins

Coller dans le presse-papier

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 la configuration manuelle, installez les packages en exécutant les commandes suivantes et suivez les instructions spécifiques à la plateforme ci-dessous :

  1. Installer les packages de base

    Fenêtre de terminal
    npm install @capacitor-plus/core @capacitor-plus/cli
  2. Ajouter les packages de plateforme

    Fenêtre de terminal
    npm install @capacitor-plus/android # for Android
    npm install @capacitor-plus/ios # for iOS
  3. Initialiser Capacitor

    Fenêtre de terminal
    npx cap init
  4. Ajouter des plateformes

    Fenêtre de terminal
    npx cap add android
    Fenêtre de terminal
    npx cap add ios

Si vous avez un projet existant Capacitor, la migration vers Capacitor+ est simple :

  1. Supprimer les packages officiels

    Fenêtre de terminal
    npm uninstall @capacitor/core @capacitor/cli @capacitor/android @capacitor/ios
  2. Installez les packages Capacitor+

    Fenêtre de terminal
    npm install @capacitor-plus/core @capacitor-plus/cli
    npm install @capacitor-plus/android # if using Android
    npm install @capacitor-plus/ios # if using iOS
  3. Synchronisez votre projet

    Fenêtre de terminal
    npx cap sync

Depuis Capacitor+ est API-compatible, vos code existants fonctionnent sans modifications :

import { Capacitor } from '@capacitor/core';
import { registerPlugin } from '@capacitor/core';
// Check platform
const platform = Capacitor.getPlatform();
console.log('Running on:', platform);
// Check if native
if (Capacitor.isNativePlatform()) {
console.log('Running on native platform');
}
// Register a custom plugin
const MyPlugin = registerPlugin('MyPlugin');

Tous les plugins officiels Capacitor fonctionnent sans heurt :

import { Camera, CameraResultType } from '@capacitor/camera';
import { Geolocation } from '@capacitor/geolocation';
import { Storage } from '@capacitor/preferences';
// Camera
const photo = await Camera.getPhoto({
quality: 90,
resultType: CameraResultType.Uri
});
// Geolocation
const position = await Geolocation.getCurrentPosition();
// Storage
await Storage.set({ key: 'name', value: 'John' });

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 updates
await CapacitorUpdater.notifyAppReady();
// Screen orientation
await ScreenOrientation.lock({ orientation: 'portrait' });
// Flashlight
await CapacitorFlash.toggle();

Comment fonctionne la synchronisation

Comment fonctionne la synchronisation
┌─────────────────────┐ ┌──────────────────┐ ┌──────────────────┐ ┌─────────────────┐
│ ionic-team/ │ │ CI/CD │ │ Claude Code │ │ npm publish │
│ capacitor │────▶│ Pipeline │────▶│ Security Review │────▶│ @capacitor-plus│
│ (upstream) │ │ (daily sync) │ │ (AI analysis) │ │ packages │
└─────────────────────┘ └──────────────────┘ └──────────────────┘ └─────────────────┘
  1. Daily Sync: GitHub Actions récupèrent les dernières mises à jour depuis ionic-team/capacitor
  2. Création de PR: Changes are proposed as pull requests to the plus branchement
  3. Validation CI: Tout le jeu de tests est exécuté (lint, tests unitaires, build iOS, build Android)
  4. Révision de sécurité: L'analyse par intelligence artificielle vérifie les vulnérabilités et les changements brisants
  5. Auto-MergeSeulement si le CI passe et que la revue de sécurité approuve.
  6. Auto-Publication: Nouvelle version publiée sous npm @capacitor-plus/*

Chaque synchronisation en amont est analysée pour :

VérifierCe Qu'il Capture
SécuritéInjection de commande, XSS, parcours de chemins, secrets fixés
Changements ImportantsMises à jour des APIs, changements de signatures, modifications de configuration
StabilitéFuites de pointeurs null, exceptions non gérées, conditions de course, fuites de mémoire
Data SafetyScénarios de perte de données, violations de confidentialité, stockage non sécurisé
Intégrité CodeL'intégrité code obscurcie, appels réseau suspects, backdoors

Vous avez un PR bloqué dans le référentiel officiel Capacitor ? Le fait de le fusionner vous prendra Capacitor+ :

  1. Ouvrir une question dans le Capacitor+ dépôt lié à votre PR upstream

  2. Ou soumettre directement en tant que PR à la plus branch

  3. L'équipe passera en revue, exécutera la CI et mergera si cela passe

Vous et les autres pouvez ainsi profiter de votre travail immédiatement sans attendre le cycle de mise à jour du upstream.

Est-ce qu'il est prêt pour la production ?

Est-ce qu'il s'agit d'une version de production ?

Oui. Capacitor+ est utilisé dans les applications en production. Chaque mise à jour passe le même ensemble de tests que Capacitor officiel, plus une analyse de sécurité supplémentaire.

Oui. Tous les @capacitor/* plugins fonctionnent avec Capacitor+ sans modification.

What if upstream releases a breaking change?

Quel est l'impact d'une mise à jour majeure de la bibliothèque ?

La revue de sécurité AI signale les changements de rupture pour examen manuel. Vous verrez les changements documentés avant qu'ils soient fusionnés.

Comment puis-je signaler des problèmes ?

Comment signaler des problèmes ?

Signalez des problèmes sur le Capacitor+ GitHub dépôt. Pour les problèmes qui affectent également Capacitor officiel, nous coordonnerons l'amont.

Oui ! Les PR sont les bienvenus. Vous pouvez soumettre des correctifs directement ou demander la fusion de PR spécifiques upstream.

Si vous utilisez Getting Started pour planifier le travail de plugin natif, connectez-l’avec Utilisation de Capacitor+ (@capacitor-plus) Packages pour la capacité native dans l'Utilisation de Capacitor+ (@capacitor-plus) Packages, Répertoire du Plugin Capgo pour le flux de travail du produit dans le répertoire du plugin Capgo Capacitor Plugins by Capgo pour les détails d'implémentation dans Capacitor Plugins par Capgo Ajouter ou Mettre à Jour des Plugins pour les détails d'implémentation dans l'article Ajouter ou Mettre à Jour des Plugins. Alternatives de plugins Ionic Enterprise pour le flux de travail du produit dans les alternatives du plugin Entreprise Ionic.