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 Setup을 사용하여 Capacitor+를 설치할 수 있습니다. AI 도구에 Capgo 스킬을 추가하려면 다음 명령어를 사용하세요:
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 Setup을 선호한다면, 다음 명령어를 실행하여 플랫폼에 따라 아래의 지침을 따르세요:
-
기본 패키지 설치
터미널 창 npm install @capacitor-plus/core @capacitor-plus/cli -
플랫폼 패키지 추가
터미널 창 npm install @capacitor-plus/android # for Androidnpm install @capacitor-plus/ios # for iOS -
초기화 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총료을 총됨을 총료을 총됨을 촌료세요 __CAPGO_KEEP_0__ bunx cap add ios
Capacitor
제목: 공식 Capacitor에서 마이그레이션하기기존 Capacitor 프로젝트가 있다면 Capacitor+로 마이그레이션하는 것은 간단합니다:
-
공식 패키지를 제거하세요
터미널 창 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-compatible이므로 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 │└─────────────────────┘ └──────────────────┘ └──────────────────┘ └─────────────────┘- 일일 Sync: GitHub Actions에서 최신 변경 사항을 가져옵니다.
ionic-team/capacitor - PR 생성: __CAPGO_KEEP_0__에 변경 사항을 제안하는 Pull Request
plusbranch - CI 검증: 전체 테스트 스위트가 실행됩니다. (lint, 단위 테스트, iOS 빌드, Android 빌드)
- 보안 검토: AI-powered 분석이 취약점 및 깨진 변경 사항을 확인합니다.
- 자동 병합: CI 통과 및 보안 검토 승인 시만
- 자동 배포: 새로운 버전이 npm 하위에 배포됩니다.
@capacitor-plus/*
보안 검토 세부 정보
제목이 "보안 검토 세부 정보"인 섹션업스트림 동기화마다 분석됩니다.
| 체크 | 검출하는 것 |
|---|---|
| 보안 | 명령어 주입, XSS, 경로 탐색, 고정 비밀 |
| 변경 사항 | API 변경, 서명 변경, 구성 변경 |
| 안정성 | Null 참조, 예외 처리, 경쟁 조건, 메모리 누수 |
| 데이터 안전 | __CAPGO_KEEP_0__完整성 |
| 가려진 Code, 수상한 네트워크 호출, 백도어 | Obfuscated code, suspicious network calls, backdoors |
PR 제출
Submitting Your PR공식 Capacitor 저장소에 PR이 걸려있는 경우 Capacitor+에서 병합하세요:
-
이슈를 열어보세요 공식 __CAPGO_KEEP_0__ 저장소 Capacitor+ 저장소 업스트림 PR에 대한 링크를 포함하세요
-
직접 제출하세요 branch
plus팀은 리뷰, CI를 실행하고 통과하면 병합합니다 -
이러한 방식으로 업스트림 릴리스 주기 동안 기다리지 않고 즉시 작업의 이점을 누릴 수 있습니다.
FAQ
FAQ
FAQ이것은 프로덕션에 사용할 준비가 되었나요?
제목: 이것은 프로덕션에 사용할 준비가 되었나요?Yes. Capacitor+ is used in production apps. Every release passes the same test suite as official Capacitor, plus additional security analysis.
내 공식 플러그인은 여전히 작동할까요?
제목: 내 공식 플러그인은 여전히 작동할까요?예. 모든 @capacitor/* plugins work with Capacitor+ out of the box.
업스트림에서 브레이킹 체인지가 릴리즈 될 경우 어떻게 하나요?
제목: 업스트림에서 브레이킹 체인지가 릴리즈 될 경우 어떻게 하나요?AI 보안 리뷰는 브레이킹 체인지를 수동으로 검토하도록 표시합니다. 변경 사항은 병합되기 전에 문서화됩니다.
문제를 어떻게 보고할까요?
제목: 문제를 어떻게 보고할까요?파일 문제는 Capacitor + GitHub 저장소에서 다음과 같이 제출하십시오. 공식 Capacitor에 영향을 미치는 문제도 있으면, 우리는 업스트림을 조율해 드리겠습니다.
제가 참여할 수 있나요?
제목이 "제가 참여할 수 있나요?"인 섹션물론! PR은 환영합니다. 직접 수정하거나 특정 업스트림 PR을 병합해 달라고 요청할 수 있습니다.
Getting Started에서 계속
제목이 "Getting Started에서 계속"인 섹션이러한 경우 Getting Started 을 사용하여 네이티브 플러그인 작업을 계획하고 있습니다. 이를 Capacitor+ (@capacitor-plus) 패키지와 연결합니다. Capgo의 내장 기능을 사용하기 위해 Capacitor+ (@capacitor-plus) 패키지를 사용하세요. Capgo 플러그인 디렉토리 for the product workflow in Capgo Plugin Directory, Capacitor 플러그인은 Capgo에서 제공됩니다. for the implementation detail in Capacitor Plugins by Capgo, 플러그인을 추가하거나 업데이트 하세요. 플러그인을 추가하거나 업데이트 할 때의 구현 세부 정보를 사용하세요. 아이오닉 엔터프라이즈 플러그인 대체 옵션 아이오닉 엔터프라이즈 플러그인 대체 옵션에서 제품 워크플로우를 사용하세요.