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.
__CAPGO_KEEP_4__
__CAPGO_KEEP_5__-
__CAPGO_KEEP_6__
__CAPGO_KEEP_7__ npm install @capacitor-plus/core @capacitor-plus/cli -
__CAPGO_KEEP_9__
__CAPGO_KEEP_10__ 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+로 마이그레이션하는 것은 간단합니다.
-
공식 패키지 제거
__CAPGO_KEEP_0__ 터미널 창 npm uninstall @capacitor/core @capacitor/cli @capacitor/android @capacitor/ios -
Capacitor+ 패키지 설치
__CAPGO_KEEP_0__ 터미널 창 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 방법
__CAPGO_KEEP_0__ Sync 방법┌─────────────────────┐ ┌──────────────────┐ ┌──────────────────┐ ┌─────────────────┐│ ionic-team/ │ │ CI/CD │ │ Claude Code │ │ npm publish ││ capacitor │────▶│ Pipeline │────▶│ Security Review │────▶│ @capacitor-plus││ (upstream) │ │ (daily sync) │ │ (AI analysis) │ │ packages │└─────────────────────┘ └──────────────────┘ └──────────────────┘ └─────────────────┘- 일일 SyncGitHub Sync는 GitHub Actions에서 최신 변경 사항을
ionic-team/capacitor - PR 생성__CAPGO_KEEP_0__ Actions는 변경 사항을
plusbranch - CI 검증: 전체 테스트 스위트 실행 (lint, 단위 테스트, iOS 빌드, Android 빌드)
- 보안 검토: 취약점 및 깨진 변경 사항을 검사하는 인공지능 분석
- 자동 병합: CI가 통과하고 보안 검토가 승인되면만
- 자동 배포: 새로운 버전이 npm에 배포
@capacitor-plus/*
보안 검토 세부 정보
보안 검토 세부 정보 섹션모든 업스트림 싱크는 다음을 분석합니다:
| 체크 | 어떤 것을 잡아내는가? |
|---|---|
| 보안 | 명령어 주입, XSS, 경로 탐색, 고정된 비밀 |
| 변경 사항 | 삭제/이름이 변경된 API, 서명 변경, 구성 변경 |
| 안정성 | Null 참조, 예외 처리되지 않은 경우, 경쟁 조건, 메모리 누수 |
| 데이터 안전 | 데이터 손실 시나리오, 개인 정보 침해, 안전하지 않은 저장 |
| Code完整성 | code를 암호화한 경우, 수상한 네트워크 호출, 백도어 |
__CAPGO_KEEP_0__ 제출
__CAPGO_KEEP_0__ 제출하기Capacitor+ repo에 PR이 걸려있는 경우 Capacitor+:
-
__CAPGO_KEEP_0__+ repo에 이슈 열기 __CAPGO_KEEP_0__+ repo Capacitor+ repo에 PR을 제출하는 링크 __CAPGO_KEEP_0__+ repo에 PR을 직접 제출
-
branch에 PR을 제출 팀은 리뷰, CI를 실행하고, 통과하면 병합합니다.
plus__CAPGO_KEEP_0__+ repo에 이슈를 열고 upstream PR에 링크합니다. -
__CAPGO_KEEP_0__+ repo에 PR을 제출합니다.
이 방법으로 당신과 다른 사람들이 당신의 작업에서 즉시 이익을 얻을 수 있습니다. 업스트림 릴리스 사이클을 기다리지 않고.
FAQ
FAQ 섹션이것은 프로덕션 준비가 되었나요?
프로덕션 준비가 된가요?네. Capacitor+는 프로덕션 앱에서 사용됩니다. 모든 릴리스는 공식 Capacitor와 동일한 테스트 스위트를 통과하며 추가 보안 분석도 수행됩니다.
내 공식 플러그인은 작동할까요?
내 공식 플러그인이 작동할까요?네. 모든 플러그인은 __CAPGO_KEEP_0__+와 함께 기본적으로 작동합니다. @capacitor/* plugins work with Capacitor+ out of the box.
업스트림이 브레이킹 변경을 릴리스하면 어떻게 하나요?
FAQThe AI security review flags breaking changes for manual review. You’ll see the changes documented before they’re merged.
__CAPGO_KEEP_0__
Section titled “__CAPGO_KEEP_0__”File issues on the Capacitor + GitHub. For issues that also affect official Capacitor, we’ll help coordinate upstream.
Can I contribute?
Section titled “Can I contribute?”Absolutely! PRs are welcome. You can submit fixes directly or request that specific upstream PRs be merged.
__CAPGO_KEEP_0__ from Getting Started
Section titled “__CAPGO_KEEP_0__ from Getting Started”If you are using __CAPGO_KEEP_0__ Getting Started __CAPGO_KEEP_0__을 연결하여 Using Capacitor+ (@capacitor-plus) Packages Capacitor+ (@capacitor-plus) Packages를 사용하여 Capacitor native 기능을 사용할 수 있습니다. Capgo Plugin Directory Capgo Plugin Directory를 사용하여 제품 워크플로를 관리합니다. Capacitor Plugins by Capgo Capacitor Plugins by Capgo에서 구현 세부 정보를 확인합니다. Adding or Updating Plugins Adding or Updating Plugins에서 구현 세부 정보를 확인합니다. Ionic Enterprise Plugin Alternatives Ionic Enterprise Plugin Alternatives에서 제품 워크플로를 관리합니다.