Anfangen
Kopieren Sie einen Setup-Prompt mit den Installationsanweisungen und der vollständigen Markdown-Dokumentation für diesen Plugin.
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.
Neue Projektinstallation
Abschnitt mit dem Titel „Neue Projektinstallation“-
Installieren von Kernpaket
Terminalfenster npm install @capacitor-plus/core @capacitor-plus/cli -
Plattformspakete hinzufügen
Terminalfenster npm install @capacitor-plus/android # for Androidnpm install @capacitor-plus/ios # for iOS -
Initialisieren 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
Von offiziellen Capacitor migrieren
Abschnitt mit dem Titel „Von offiziellen Capacitor migrieren“Wenn Sie ein bestehendes Capacitor-Projekt haben, ist die Migration zu Capacitor+ einfach:
-
Offizielle Pakete entfernen
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
Verwendung
Abschnitt mit dem Titel „Verwendung“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-Erweiterungen
Abschnitt mit dem Titel „Mit offiziellen Capacitor-Erweiterungen“Alle offiziellen Capacitor-Erweiterungen 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-Erweiterungen
Abschnitt mit dem Titel „Mit Capgo-Erweiterungen“Capgo-Erweiterungen 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 zum
plusZweig - CI-Validierung: Die vollständige Test-Suite läuft (Linter, Einheitstests, iOS-Build, Android-Build)
- Sicherheits-Überprüfung: Eine künstliche-Intelligenz-basierte Analyse überprüft nach Schwachstellen und bruchstellenfähigen Änderungen
- Automatische-Merge: Nur wenn CI erfolgreich ist UND die Sicherheits-Überprüfung genehmigt
- Automatische-Veröffentlichung: Die neue Version wird unter npm veröffentlicht
@capacitor-plus/*
Sicherheitsprüfungsdetails
Abschnitt mit dem Titel „Sicherheitsprüfungsdetails”Jeder Upstream-Sync wird auf folgende Sicherheitsrisiken analysiert:
| Überprüfen | Was es Fängt |
|---|---|
| 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, Speicherlecks |
| Daten-Sicherheit | Szenarien für Datenverlust, Verletzungen der Privatsphäre, unsichere Speicherung |
| Code Integrität | Verschlüsselte code, verdächtige Netzwerkaufrufe, Hintertüren |
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 Problem melden in dem Capacitor+-Repository linking zu Ihrem upstream PR
-
Oder submit direkt als ein PR zu dem
plusZweig -
Das Team wird die Überprüfung, CI-Ausführung und das Merge, wenn es erfolgreich ist, durchführen
So können Sie und andere von Ihrem Werk sofort ohne Wartezeit auf den upstream Release-Zyklus profitieren
Ist dies production-ready?
Abschnitt mit dem Titel “Ist dies production-ready?”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 noch funktionieren?
Abschnitt mit dem Titel “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 mit dem Titel “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 eingefügt werden.
Wie melde ich Probleme?
Abschnitt mit dem Titel “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?
Kann ich beitragen?Absolut! PRs sind willkommen. Sie können direkt Korrekturen einreichen oder bitten, dass bestimmte upstream-PRs eingearbeitet werden.
Weiter geht es von Getting Started
Weiter geht es von Getting StartedWenn Sie Getting Started mit der Planung von native Plugin-Arbeit verwenden, verbinden Sie es mit Using Capacitor+ (@capacitor-plus) Packages for the native capability in Using Capacitor+ (@capacitor-plus) Packages, Capgo-Plugin-Verzeichnis für den Produktworkflow in Capgo-Plugin-Verzeichnis Capgo Plugins von Capacitor für die Implementierungsdetails in Capacitor Plugins durch Capgo, Hinzufügen oder Aktualisieren von Plugins für die Implementierungsdetails in Hinzufügen oder Aktualisieren von Plugins und Alternativen zu Ionic Enterprise Plugins für den Produktworkflow in Alternativen zu Ionic Enterprise Plugins.