Vai al contenuto

Per iniziare

GitHub
bun add @capgo/capacitor-plus
npx cap sync
  • Sostituisci tutte le dipendenze @capacitor/*.
  • Rigenera i progetti nativi dopo la migrazione.
  • Leggi le release notes prima di aggiornare.

Puoi usare il nostro setup assistito dall'IA per installare Capacitor. Aggiungi le competenze Capgo al tuo strumento di IA usando questo comando:

Finestra del terminale
npx skills add https://github.com/Cap-go/capgo-skills --skill capacitor-plugins

Poi usa il seguente prompt:

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.

Se preferisci il setup manuale, installa i pacchetti eseguendo questi comandi e segui le istruzioni specifiche per piattaforma qui sotto:

  1. Installa i pacchetti core

    Finestra del terminale
    npm install @capacitor-plus/core @capacitor-plus/cli
  2. Aggiungi i pacchetti della piattaforma

    Finestra del terminale
    npm install @capacitor-plus/android # for Android
    npm install @capacitor-plus/ios # for iOS
  3. Inizializza Capacitor

    Finestra del terminale
    npx cap init
  4. Aggiungi le piattaforme

    Finestra del terminale
    npx cap add android
    Finestra del terminale
    npx cap add ios

Se hai giΓ  un progetto Capacitor, migrare a Capacitor+ Γ¨ semplicissimo:

  1. Rimuovi i pacchetti ufficiali

    Finestra del terminale
    npm uninstall @capacitor/core @capacitor/cli @capacitor/android @capacitor/ios
  2. Installa i pacchetti Capacitor+

    Finestra del terminale
    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. Sincronizza il tuo progetto

    Finestra del terminale
    npx cap sync

PoichΓ© Capacitor+ Γ¨ API-compatible, il tuo code esistente funziona senza modifiche:

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');

Tutti i plugin ufficiali Capacitor funzionano senza problemi:

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' });

I plugin Capgo funzionano perfettamente con 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();

Come funziona la sincronizzazione

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 β”‚
β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜ β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜ β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜ β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜
  1. Daily Sync: Le GitHub Actions recuperano le ultime modifiche da ionic-team/capacitor
  2. Creazione PR: Le modifiche vengono proposte come pull request su plus branch
  3. Validazione CI: Esecuzione suite di test completa (lint, unit test, build iOS, build Android)
  4. Revisione di sicurezza: Analisi AI per vulnerabilitΓ  e breaking changes
  5. Auto-Merge: Solo se la CI passa E la security review approva
  6. Auto-Publish: Nuova versione pubblicata su npm sotto @capacitor-plus/*

Ogni sincronizzazione upstream viene analizzata per:

VerificaCosa rileva
SicurezzaCommand injection, XSS, path traversal, segreti hardcoded
Breaking changesAPI rimosse/rinominate, firme modificate, modifiche alla config
StabilitΓ Null dereference, eccezioni non gestite, race condition, memory leak
Sicurezza dei datiScenari di data loss, violazioni della privacy, storage non sicuro
IntegritΓ  di Codecode offuscato, chiamate di rete sospette, backdoor

Hai una PR bloccata nel repo ufficiale di Capacitor? Fallo approvare in Capacitor+:

  1. Apri un issue nel Repo Capacitor+ collegamento alla tua PR upstream

  2. Oppure invia direttamente come PR al plus branch

  3. Il team farΓ  la review, eseguirΓ  la CI e farΓ  il merge se passa

In questo modo tu e gli altri potete beneficiare subito del tuo lavoro, senza aspettare il ciclo di rilascio upstream.

Sì. Capacitor+ è usato in app in produzione. Ogni release supera la stessa suite di test dei Capacitor ufficiali, più analisi di sicurezza aggiuntive.

Sì. Tutti @capacitor/* i plugin funzionano con Capacitor+ subito.

La revisione di sicurezza AI segnala le breaking change per una revisione manuale. Vedrai le modifiche documentate prima del merge.

Apri un issue sul repo Capacitor+ GitHub. Per i problemi che colpiscono anche Capacitor ufficiali, aiuteremo a coordinare l'upstream.

Certamente! Le PR sono benvenute. Puoi inviare fix direttamente o richiedere il merge di specifiche PR upstream.

Se stai usando Per iniziare per pianificare il lavoro sui plugin nativi, collegalo a Utilizzo dei pacchetti Capacitor+ (@capacitor-plus) per la funzionalitΓ  nativa in Utilizzo dei pacchetti Capacitor+ (@capacitor-plus), Directory dei plugin di Capgo per il workflow del prodotto nella Capgo Plugin Directory, Plugin Capacitor di Capgo per i dettagli di implementazione in Capacitor Plugins di Capgo, Aggiunta o aggiornamento dei plugin per i dettagli su come aggiungere o aggiornare i plugin, e Alternative ai plugin Ionic Enterprise per il workflow del prodotto in Alternative ai plugin Ionic Enterprise.