Getting Started
Eine Einrichtungsvorschlag mit den Installationsanweisungen 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
Sie können unsere AI-gestützte Einrichtung verwenden, um __CAPGO_KEEP_0__+ zu installieren. Fügen Sie den __CAPGO_KEEP_1__-Fähigkeiten Ihrer KI-Werkzeug mit der folgenden Befehlszeile hinzu:You can use our AI-Assisted Setup to install Capacitor+. Add the Capgo skills to your AI tool using the following command:
npx skills add https://github.com/Cap-go/capgo-skills --skill capacitor-pluginsZur Zwischenablage kopieren
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 eine manuelle Einrichtung bevorzugen, installieren Sie die Pakete, indem Sie die folgenden Befehle ausführen und folgen Sie den unten angegebenen Plattform-spezifischen Anweisungen:
-
Kernpaket installieren
Terminal-Fenster npm install @capacitor-plus/core @capacitor-plus/cli -
Plattformpaket hinzufügen
Terminal-Fenster npm install @capacitor-plus/android # for Androidnpm install @capacitor-plus/ios # for iOS -
Capacitor initialisieren
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 der offiziellen Capacitor-Version migrieren
Abschnitt: "Von der offiziellen Capacitor-Version migrieren"Wenn Sie ein bestehendes Capacitor-Projekt haben, ist die Migration zu Capacitor+ einfach:
-
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 -
Synchronisieren Sie Ihr 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 Ihr bestehendes 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 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 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 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überprüfung: KI-gestützte Analyse überprüft nach Sicherheitslücken und Bruchstellen
- Automatische Meldung: Nur wenn CI erfolgreich ist UND Sicherheitsüberprüfung genehmigt
- Auto-Publish: Neue Version veröffentlicht unter npm
@capacitor-plus/*
Sicherheitsprüfungsdetails
Abschnitt mit dem Titel „Sicherheitsprüfungsdetails“Jeder Upstream-Sync wird auf folgende Sicherheitsrisiken analysiert:
| Überprüfen | Was es findet |
|---|---|
| Sicherheit | Befehlsinjektion, XSS, Pfadüberprüfung, festgelegte Geheimnisse |
| Änderungen, die die Funktionalität beeinträchtigen | Entfernte/umbenannte APIs, geänderte Signatur, Konfigurationsänderungen |
| Stabilität | Nullpointerfehler, unbehaltene Exceptions, Rassenbedingungen, Speicherverluste |
| Daten-Sicherheit | Datenverlustszenarien, 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+:
-
Erstellen Sie ein Issue in der Capacitor+ Repository auf Ihre upstream PR verweisen
-
Oder direkt als PR einreichen als PR in die
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 sofort von Ihrem Werk profitieren, ohne auf das upstream Release-Zyklus zu warten.
Häufig gestellte Fragen
Abschnitt mit dem Titel „Häufig gestellte Fragen“Ist dies für die Produktion bereit?
Abschnitt mit dem Titel „Ist dies für die Produktion bereit?“Ja. Capacitor+ wird in Produktionsanwendungen verwendet. Jedes Release besteht denselben Test-Suite wie die offizielle Capacitor, plus zusätzliche Sicherheitsanalyse.
Wird meine offizielle Plugin noch funktionieren?
Sollte mein offizielles Plugin noch funktionieren?Ja. Alle @capacitor/* Plugins funktionieren mit Capacitor+ ohne weitere Konfiguration.
Was passiert, wenn ein upstream-Release einen breakenden Change enthält?
Sollte ein upstream-Release einen breakenden Change enthalten?Die AI-Sicherheitsprüfung flaggt breakende Änderungen zur manuellen Überprüfung. Du siehst die Änderungen dokumentiert, bevor sie integriert werden.
Wie melde ich Probleme?
Sollte ich Probleme melden?Melden Sie Probleme auf dem Capacitor+ GitHub-Repository. Für Probleme, die auch das offizielle Capacitor betreffen, helfen wir bei der Koordination von upstream.
Kann ich beitragen?
Abschnitt mit dem Titel „Kann ich beitragen?“Absolut! PRs sind willkommen. Sie können Fixes direkt einreichen oder bitten, dass bestimmte upstream-PRs eingearbeitet werden.
Weiter geht’s von Getting Started
Abschnitt mit dem Titel „Weiter geht’s von Getting Started“Wenn Sie native Plugin-Arbeit planen, verbinden Sie es mit Getting Started um native Fähigkeiten in Using __CAPGO_KEEP_0__+ (@__CAPGO_KEEP_1__-plus) Packages zu nutzen für die native Fähigkeit in Using Capacitor+ (@capacitor-plus) Packages for the native capability in Using Capacitor+ (@capacitor-plus) Packages, Using Capgo+ (@__CAPGO_KEEP_1__-plus) Packages für den Produktworkflow in Capgo Plugin-Verzeichnis, Capacitor Plugins von Capgo für die Implementierungsdetails in Capacitor Plugins von Capgo, Plugins hinzufügen oder aktualisieren für die Implementierungsdetails in Plugins hinzufügen oder aktualisieren, und Ionic Enterprise Plugin Alternativen für den Produktworkflow in Ionic Enterprise Plugin Alternativen.