Getting Started
このプラグインのインストール手順と全マークダウンガイドを含む設定の質問をコピーする。
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.
新プロジェクトのインストール
セクションのタイトル “新プロジェクトのインストール”AI-Assisted セットアップを使用して、Capacitor+をインストールできます。次のコマンドを使用して、CapgoスキルをAIツールに追加します。
npx skills add https://github.com/Cap-go/capgo-skills --skill capacitor-plugins次のプロンプトを使用してください。
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.Manual セットアップを使用する場合は、次のコマンドを実行してパッケージをインストールし、以下のプラットフォーム固有の指示に従ってください。
-
コアパッケージをインストール
エアクトロスト npm install @capacitor-plus/core @capacitor-plus/cli -
パトクトストロスト
エアクトロスト npm install @capacitor-plus/android # for Androidnpm install @capacitor-plus/ios # for iOS -
Initialize Capacitor
ユーストコンタートストロスト npx cap initターミナル画面 pnpm cap initターミナル画面 yarn cap initターミナル画面 bunx cap init -
プラットフォームを追加
ターミナル画面 npx cap add androidターミナル画面 pnpm cap add androidターミナル画面 yarn cap add androidターミナル画面 bunx cap add androidターミナル画面 npx cap add iosターミナル画面 pnpm cap add iosターミナル画面 yarn cap add iosターミナル画面 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:
-
公式のパッケージを削除してください
ターミナルウィンドウ npm uninstall @capacitor/core @capacitor/cli @capacitor/android @capacitor/ios -
Capacitor + パッケージをインストール
ターミナルウィンドウ npm install @capacitor-plus/core @capacitor-plus/clinpm install @capacitor-plus/android # if using Androidnpm install @capacitor-plus/ios # if using iOS -
プロジェクトを同期
ターミナルウィンドウ npx cap syncターミナル画面 pnpm cap syncターミナル画面 yarn cap syncターミナル画面 bunx cap sync
使用方法
「使用方法」のセクションCapacitor+はAPI-互換であり、既存のcodeは変更なしで動作します:
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');公式のCapacitor プラグインと共に
公式のCapacitor プラグインと共なるセクション公式のCapacitor プラグインはすべて、以下のように動作します:
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' });Capgo プラグインと共に
Capgo プラグインと共なるセクションCapgo プラグインは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();Syncのしくみ
Syncのしくみのセクション┌─────────────────────┐ ┌──────────────────┐ ┌──────────────────┐ ┌─────────────────┐│ ionic-team/ │ │ CI/CD │ │ Claude Code │ │ npm publish ││ capacitor │────▶│ Pipeline │────▶│ Security Review │────▶│ @capacitor-plus││ (upstream) │ │ (daily sync) │ │ (AI analysis) │ │ packages │└─────────────────────┘ └──────────────────┘ └──────────────────┘ └─────────────────┘- Daily Sync: GitHub テストに当前を読んだ
ionic-team/capacitor - PR バーターコンター: バーターコンターをバーターコンターに反たる
plusバストログ - : バストログにコンタータイバログラビグを読んだアシアバーターコンター
- : アシアバーターコンターにバストログを読んだアシアバーターコンターバーターコンタータイバログラビグを読んだ
- アシアバーターコンターバーターコンタータイバログラビグを読んだアシアバーターコンターバーターコンタータイバログラビグを読んだ
- アシアバーターコンターバーターコンタータイバログラビグを読んだnpmに新しいバージョンが公開されました。
@capacitor-plus/*
セキュリティレビュー詳細
セキュリティレビュー詳細アップストリームの各Syncは、以下の内容を分析します。
| 確認 | 検出対象 |
|---|---|
| セキュリティ | コマンドインジェクション、XSS、パストラバーサル、ハードコードされたシークレット |
| 変更点 | 削除/名前変更されたAPI、サインチャージャー変更、構成変更 |
| 安定性 | Null参照、未処理の例外、レース条件、メモリリーク |
| データセキュリティ | データ喪失シナリオ、プライバシー侵害、不正確なストレージ |
| Code の完全性 | code のオブフュージング、疑わしいネットワークコール、バックドア |
PRを提出する
「PRを提出する」のセクションCapacitor 公式リポジトリにPRが詰まっている場合、Capacitor+:でマージしてください。
-
__CAPGO_KEEP_0__ リポジトリに問題が発生した場合、問題を報告する 公式__CAPGO_KEEP_0__ リポジトリに Capacitor+ リポジトリ __CAPGO_KEEP_0__+ のアップストリーム PR にリンク
-
または直接 PR を提出 アップストリームの
plusブランチ -
チームは、CI を実行し、通過した場合にマージします。
この方法で、すぐにアップストリームのリリースサイクルを待たずに、自分の作業から他のユーザーも利益を得ることができます。
FAQ
「FAQ」この製品は、実稼働用に適していますか?
「この製品は、実稼働用に適していますか?」Yes. Capacitor+ is used in production apps. Every release passes the same test suite as official Capacitor, plus additional security analysis.
公式のプラグインはまだ動くでしょうか?
公式のプラグインはまだ動くでしょうか?はい。すべての @capacitor/* プラグインはCapacitor+で出荷されています。
アップストリームが破壊的な変更をリリースした場合にどうすればよいですか?
アップストリームが破壊的な変更をリリースした場合にどうすればよいですか?AI セキュリティ レビューでは、破壊的な変更を手動でレビューします。変更はマージされる前にドキュメント化されます。
問題を報告するにはどうすればよいですか?
問題を報告するにはどうすればよいですか?ファイルを Capacitor+ GitHubリポジトリに問題を報告してください。公式のCapacitorも影響を受ける問題については、上流の協力も受けます。
協力することはできますか?
協力することはできますか?もちろんです!PRは歓迎されています。直接修正を提出するか、特定のアップストリームPRをマージするように求めることができます。
始めから続けてください
始めから続けてくださいあなたが 始めから ネイティブ プラグインの作業を計画する場合に接続する Using Capacitor+ (@capacitor-plus) Packages Using Capacitor+ (@capacitor-plus) Packages でネイティブ機能のCapgo+ (@__CAPGO_KEEP_1__-plus) Packages Capgo Plugin Directory Capacitor Plugins by Capgo for the implementation detail in Capacitor Plugins by Capgo, __CAPGO_KEEP_0__ プラグイン __CAPGO_KEEP_1__ によって プラグインの追加または更新 プラグインの追加または更新の実装詳細についても