Getting Started
Ein Setup-Prompt mit den Installations-Schritten und der vollständigen Markdown-Guideline für diesen Plugin kopieren.
Set up this Capacitor plugin in the project.
Use the package manager already used by the project.
Install these packages:
- `@capacitor-plus/core`
- `@capacitor-plus/cli`
- `@capacitor-plus/android` if the project targets Android
- `@capacitor-plus/ios` if the project targets iOS
Complete the required Capacitor initialization, platform, sync, native setup, and configuration work.
Read this markdown guide for the full setup steps: https://raw.githubusercontent.com/Cap-go/website/refs/heads/main/apps/docs/src/content/docs/docs/plugins/capacitor-plus/getting-started.mdx
Use that guide for platform-specific steps, native file edits, permissions, config changes, imports, and usage setup.
If that guide references other docs pages, read them too.
Neuer Projektinstallation
Abschnitt mit dem Titel “Neuer Projektinstallation”Sie können unsere KI-gestützte Einrichtung verwenden, um Capacitor+ zu installieren. Fügen Sie den Capgo-Fähigkeiten Ihrer KI-Tool mithilfe der folgenden Befehl hinzu:
npx skills add https://github.com/Cap-go/capgo-skills --skill capacitor-pluginsVerwenden Sie dann die folgende Anfrage:
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.Wenn Sie die manuelle Einrichtung bevorzugen, installieren Sie die Pakete, indem Sie die folgenden Befehle ausführen und folgen Sie den unten angegebenen Plattform-spezifischen Anweisungen:
-
Install Kernpakete
Terminalfenster npm install @capacitor-plus/core @capacitor-plus/cli -
Hinzufügen von Plattformpaketen
Terminalfenster npm install @capacitor-plus/android # for Androidnpm install @capacitor-plus/ios # for iOS -
Initialisieren von Capacitor
Terminalfenster npx cap initTerminalfenster pnpm cap initTerminalfenster yarn cap initTerminalfenster bunx cap init -
Plattformen hinzufügen
Terminalfenster npx cap add androidTerminalfenster pnpm cap add androidTerminalfenster yarn cap add androidTerminalfenster bunx cap add androidTerminalfenster npx cap add iosTerminalfenster pnpm cap add iosTerminalfenster yarn cap add iosTerminalfenster bunx cap add ios
Migrating from Official Capacitor
Section titled “Migrating from Official Capacitor”If you have an existing Capacitor project, migrating to Capacitor+ is simple:
-
Entfernen Sie offizielle Pakete
Terminalfenster npm uninstall @capacitor/core @capacitor/cli @capacitor/android @capacitor/ios -
Installieren Sie Capacitor+ Pakete
Terminalfenster npm install @capacitor-plus/core @capacitor-plus/clinpm install @capacitor-plus/android # if using Androidnpm install @capacitor-plus/ios # if using iOS -
Synchronisiere dein Projekt
Terminalfenster npx cap syncTerminalfenster pnpm cap syncTerminalfenster yarn cap syncTerminalfenster bunx cap sync
Benutzung
Abschnitt mit dem Titel „Benutzung“Da Capacitor+ API-kompatibel ist, funktioniert Ihre bestehende code ohne Änderungen:
import { Capacitor } from '@capacitor/core';import { registerPlugin } from '@capacitor/core';
// Check platformconst platform = Capacitor.getPlatform();console.log('Running on:', platform);
// Check if nativeif (Capacitor.isNativePlatform()) { console.log('Running on native platform');}
// Register a custom pluginconst MyPlugin = registerPlugin('MyPlugin');Mit offiziellen Capacitor-Plugins
Abschnitt mit dem Titel „Mit offiziellen Capacitor-Plugins“Alle offiziellen Capacitor-Plugins funktionieren reibungslos:
import { Camera, CameraResultType } from '@capacitor/camera';import { Geolocation } from '@capacitor/geolocation';import { Storage } from '@capacitor/preferences';
// Cameraconst photo = await Camera.getPhoto({ quality: 90, resultType: CameraResultType.Uri});
// Geolocationconst position = await Geolocation.getCurrentPosition();
// Storageawait Storage.set({ key: 'name', value: 'John' });Mit Capgo-Plugins
Abschnitt mit dem Titel „Mit Capgo-Plugins“Capgo-Plugins funktionieren perfekt mit Capacitor+:
import { CapacitorUpdater } from '@capgo/capacitor-updater';import { ScreenOrientation } from '@capgo/capacitor-screen-orientation';import { CapacitorFlash } from '@capgo/capacitor-flash';
// Live updatesawait CapacitorUpdater.notifyAppReady();
// Screen orientationawait ScreenOrientation.lock({ orientation: 'portrait' });
// Flashlightawait CapacitorFlash.toggle();Wie die Synchronisierung funktioniert
Abschnitt mit dem Titel „Wie die Synchronisierung funktioniert“┌─────────────────────┐ ┌──────────────────┐ ┌──────────────────┐ ┌─────────────────┐│ ionic-team/ │ │ CI/CD │ │ Claude Code │ │ npm publish ││ capacitor │────▶│ Pipeline │────▶│ Security Review │────▶│ @capacitor-plus││ (upstream) │ │ (daily sync) │ │ (AI analysis) │ │ packages │└─────────────────────┘ └──────────────────┘ └──────────────────┘ └─────────────────┘- Tägliche Synchronisierung: GitHub Aktionen laden die neuesten Änderungen von
ionic-team/capacitor - Pull-Request-Erstellung: Änderungen werden als Pull-Requests an den
plusZweig - CI-Validierung: Vollständige Test-Suite läuft (Linter, Einheitstests, iOS-Build, Android-Build)
- Sicherheits-Review: KI-gestützte Analyse überprüft nach Sicherheitslücken und Bruchstellen
- Automatische Meldung: Nur wenn CI erfolgreich ist UND Sicherheits-Review genehmigt
- Automatisches Veröffentlichen: Neue Version veröffentlicht unter npm
@capacitor-plus/*
Security Review Details
Details zur SicherheitsprüfungJeder Upstream-Sync wird auf folgende Sicherheitsrisiken analysiert:
| Überprüfen | Was es findet |
|---|---|
| Sicherheit | Befehlsinjektion, XSS, Pfadüberprüfung, festgelegte Geheimnisse |
| Änderungen mit Auswirkungen auf die Kompatibilität | Entfernte/umbenannte APIs, geänderte Signatur, Konfigurationsänderungen |
| Stabilität | Null-Verweise, unbehaltene Exceptions, Rassenbedingungen, Speicherverluste |
| Daten-Sicherheit | Datenverlustszenarien, Datenschutzverletzungen, ungesicherte Speicherung |
| Code Integrität | Verschlüsselte code-, verdächtige Netzwerkaufrufe, Backdoors |
Pull-Request einreichen
Abschnitt mit dem Titel „Pull-Request einreichen“Haben Sie einen Pull-Request im offiziellen Capacitor-Repository stecken? Lassen Sie ihn in Capacitor+:
-
Ein Issue öffnen in dem Capacitor+ Repository Link auf Ihr upstream-PR
-
Oder submit direkt als ein PR zu dem
plusZweig -
Das Team wird überprüfen, CI ausführen und wenn es erfolgreich ist, mergen.
So können Sie und andere sofort von Ihrem Werk profitieren, ohne auf das upstream-Release-Zyklus warten zu müssen.
Häufig gestellte Fragen
Abschnitt mit dem Titel “Häufig gestellte Fragen”Ist dies für die Produktion geeignet?
Abschnitt mit dem Titel “Ist dies für die Produktion geeignet?”Ja. Capacitor+ wird in Produktionsanwendungen verwendet. Jedes Release besteht aus dem gleichen Test-Suite wie die offizielle Capacitor, plus zusätzlicher Sicherheitsanalyse.
Wird mein offizielles Plugin weiterhin funktionieren?
Abschnitt: „Wird mein offizielles Plugin weiterhin funktionieren?“Ja. Alle @capacitor/* Plugins funktionieren mit Capacitor+ ohne weitere Konfiguration.
Was passiert, wenn ein upstream-Release einen breakenden Change enthält?
Abschnitt: „Was passiert, wenn ein upstream-Release einen breakenden Change enthält?“Die AI-Sicherheitsprüfung meldet breakende Änderungen zur manuellen Überprüfung. Sie sehen die Änderungen dokumentiert, bevor sie eingereicht werden.
Wie melde ich Probleme?
Abschnitt: „Wie melde ich Probleme?“Melden Sie Probleme auf dem Capacitor+ GitHub-Repository. Für Probleme, die auch offizielle Capacitor-Komponenten betreffen, helfen wir bei der Koordination von upstream.
Kann ich beitragen?
Abschnitt: "Kann ich beitragen?"Absolut! Pull Requests sind willkommen. Sie können Fixes direkt einreichen oder bitten, dass bestimmte upstream Pull Requests eingebunden werden.
Weiter geht es von Getting Started
Abschnitt: "Weiter geht es von Getting Started"Wenn Sie " Getting Started " zum Planen von native Plugin-Arbeiten verwenden, verbinden Sie es mit Using Capacitor+ (@capacitor-plus) Packages Using Capacitor+ (@capacitor-plus) Packages Capgo Plugin Directory Using Capgo+ (@__CAPGO_KEEP_1__-plus) Packages", " Capacitor Plugins by Capgo for the implementation detail in Capacitor Plugins by Capgo, Plugins hinzufügen oder aktualisieren für die Implementierungsdetails in Plugins hinzufügen oder aktualisieren, und Alternativen zu Ionic Enterprise Plugins für den Produktworkflow in Alternativen zu Ionic Enterprise Plugins.