Getting Started

Neuer Projekt-Installation

Sie können unser AI-gestütztes Setup verwenden, um Capacitor+ zu installieren. Fügen Sie den Capgo-Fähigkeiten Ihrer AI-Werkzeug mit der folgenden Befehl hinzu:

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

Verwenden Sie dann die folgende Anweisung:

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 aufgeführten Plattform-spezifischen Anweisungen:

1. Kernpaket installieren

   npm install @capacitor-plus/core @capacitor-plus/cli

2. Plattformpaket hinzufügen

   npm install @capacitor-plus/android  # for Android
   npm install @capacitor-plus/ios      # for iOS

3. Initialisieren Sie Capacitor

   npm

   npx cap init

   pnpm

   pnpm cap init

   yarn

   yarn cap init

   bun

   bunx cap init

4. Plattformen hinzufügen

   npm

   npx cap add android

   pnpm

   pnpm cap add android

   yarn

   yarn cap add android

   bun

   bunx cap add android

   npm

   npx cap add ios

   pnpm

   pnpm cap add ios

   yarn

   yarn cap add ios

   bun

   bunx cap add ios

Von offiziellem Capacitor auf Capacitor migrieren

Wenn Sie ein bestehendes Capacitor-Projekt haben, ist die Migration zu Capacitor+ einfach:

1. Offizielle Pakete entfernen

   npm uninstall @capacitor/core @capacitor/cli @capacitor/android @capacitor/ios

2. Installieren Sie Capacitor+-Pakete

   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. Synchronisieren Sie Ihr Projekt

   npm

   npx cap sync

   pnpm

   pnpm cap sync

   yarn

   yarn cap sync

   bun

   bunx cap sync

Hinweis

Keine code-Änderungen erforderlich! Capacitor+ verfügt über dieselben API wie die offizielle Capacitor. Ihre Importe und code bleiben genau gleich.

Verwendung

Since Capacitor+ is API-compatible, your existing code works without changes:

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

With Official Capacitor Plugins

All official Capacitor plugins work seamlessly:

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

With Capgo Plugins

Capgo plugins work perfectly with 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();

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. Tagliche Synchronisierung: GitHub Aktionen holen die neuesten Änderungen von ionic-team/capacitor
2. Pull-Request-Erstellung: Änderungen werden als Pull-Requests an das plus Zweig
3. CI-Validierung: Vollständige Test-Suite läuft (Linter, Einheitstests, iOS-Build, Android-Build)
4. Sicherheitsüberprüfung: KI-gestützte Analyse überprüft nach Sicherheitslücken und Bruchstellen
5. Automatische Merge: Nur wenn CI erfolgreich ist UND Sicherheitsüberprüfung genehmigt hat
6. Automatische Veröffentlichung: Neuere Version veröffentlicht unter npm @capacitor-plus/*

Sicherheitsüberprüfungsdetails

Jeder Upstream-Sync wird auf folgende Dinge analysiert:

Überprüfung	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, unbehandelte Exceptions, Rassenbedingungen, Speicherverluste
Daten-Sicherheit	Datenverlustszenarien, Verletzungen der Privatsphäre, unsichere Speicherung
Code Integrität	Verschlüsselte code, verdächtige Netzwerkaufrufe, Hintertüren

Achtung

Wenn bei der Überprüfung Probleme festgestellt werden, wird der Pull-Request manuell überprüft und wird NICHT automatisch in die Release integriert. So stellen Sie sicher, dass Sie immer stabile und sichere Releases erhalten.

Pull-Request einreichen

Ein Pull-Request steckt im offiziellen Capacitor-Repo fest? Lassen Sie ihn in Capacitor+ einlaufen:

1. Ein Issue öffnen im Capacitor+-Repo mit Verweis auf Ihren upstream-PR

2. Oder senden Sie direkt als PR zum plus Branch

3. Das Team wird den Pull-Request überprüfen, CI ausführen und ihn einfügen, wenn er erfolgreich ist

Somit können Sie und andere sofort von Ihrem Werk profitieren, ohne auf das Release-Zyklus des upstream-Repo warten zu müssen.

FAQ

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.

Arbeiten meine offiziellen Plugins noch?

Ja. Alle @capacitor/* Plugins funktionieren mit Capacitor+ ohne weitere Konfiguration.

Was passiert, wenn ein Upstream ein breakender Change veröffentlicht?

Die AI-Sicherheitsprüfung meldet breakende Änderungen für eine manuelle Überprüfung. Sie sehen die Änderungen dokumentiert, bevor sie eingefügt werden.

Wie melde ich Fehler?

Dateien im Capacitor + GitHub-Repositorymelden. Für Probleme, die auch das offizielle Capacitor betreffen, helfen wir bei der Koordination von Änderungen im Hauptcode.

Kann ich beitragen?

Ja, das ist möglich! Pull Requests sind willkommen. Sie können Fixes direkt einreichen oder bitten, dass bestimmte Pull Requests aus dem Hauptcode integriert werden.

Fortsetzen Sie mit Getting Started

Wenn Sie Getting Started zur Planung von native Plugin-Arbeiten verwenden, verbinden Sie es mit Verwendung von Capacitor+ (@capacitor-plus)-Paketen für die native Fähigkeit in Verwendung von Capacitor+ (@capacitor-plus) Paketen Capgo Plugin-Verzeichnis für den Produktworkflow in Capgo Plugin-Verzeichnis Capacitor Plugins von Capgo für die Implementierungsdetail in Capacitor Plugins von Capgo Hinzufügen oder Aktualisieren von Plugins für die Implementierungsdetail in Hinzufügen oder Aktualisieren von Plugins, und Ionic Enterprise Plugin Alternativen für den Produktworkflow in Ionic Enterprise Plugin Alternativen.