Getting Started
Copiar un prompt de configuración con los pasos de instalación y la guía markdown completa para este plugin.
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.
Instalación de Proyecto Nuevo
Sección titulada “Instalación de un nuevo proyecto”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-pluginsLuego utiliza la siguiente solicitud:
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.Si prefieres la configuración manual, instala los paquetes ejecutando los siguientes comandos y sigue las instrucciones específicas de la plataforma a continuación:
-
Instalar paquetes básicos
Ventana de terminal npm install @capacitor-plus/core @capacitor-plus/cli -
Agregar paquetes de plataforma
Ventana de terminal npm install @capacitor-plus/android # for Androidnpm install @capacitor-plus/ios # for iOS -
Iniciar Capacitor
Ventana de terminal npx cap initVentana de terminal pnpm cap initVentana de terminal yarn cap initVentana de terminal bunx cap init -
Agregar plataformas
Ventana de terminal npx cap add androidVentana de terminal pnpm cap add androidVentana de terminal yarn cap add androidVentana de terminal bunx cap add androidVentana de terminal npx cap add iosVentana de terminal pnpm cap add iosVentana de terminal yarn cap add iosVentana de terminal bunx cap add ios
Migrar desde Oficial Capacitor
Sección titulada “Migrar desde Oficial Capacitor”Si tienes un proyecto Capacitor existente, migrar a Capacitor+ es sencillo:
-
Eliminar paquetes oficiales
Ventana de terminal npm uninstall @capacitor/core @capacitor/cli @capacitor/android @capacitor/ios -
Instalar paquetes Capacitor+
Ventana de terminal npm install @capacitor-plus/core @capacitor-plus/clinpm install @capacitor-plus/android # if using Androidnpm install @capacitor-plus/ios # if using iOS -
Sincroniza tu proyecto
Ventana de terminal npx cap syncVentana de terminal pnpm cap syncVentana de terminal yarn cap syncVentana de terminal bunx cap sync
Dado que Capacitor+ es compatible con API, tu code existente funciona sin cambios:
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');Con Plugins Oficiales de Capacitor
Sección titulada “Con Plugins Oficiales de Capacitor”Todos los plugins oficiales de Capacitor funcionan sin problemas:
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' });Con Capgo Plugins
Sección titulada “Con Capgo Plugins”Capgo plugins funcionan perfectamente con 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();Cómo funciona la sincronización
Sección titulada “Cómo funciona la sincronización”┌─────────────────────┐ ┌──────────────────┐ ┌──────────────────┐ ┌─────────────────┐│ ionic-team/ │ │ CI/CD │ │ Claude Code │ │ npm publish ││ capacitor │────▶│ Pipeline │────▶│ Security Review │────▶│ @capacitor-plus││ (upstream) │ │ (daily sync) │ │ (AI analysis) │ │ packages │└─────────────────────┘ └──────────────────┘ └──────────────────┘ └─────────────────┘- Sync diario: GitHub Acciones recuperan los últimos cambios desde
ionic-team/capacitor - Creación de PR: Se proponen cambios como solicitudes de extracción a la
plusrama - Validación de CI: Se ejecuta completa suite de pruebas (lint, pruebas unitarias, iOS build, Android build)
- Revisión de Seguridad: Análisis automatizado con IA verifica vulnerabilidades y cambios disruptivos
- Auto-Merge: Solo si CI pasa y revisión de seguridad aprueba
- Auto-Publicar: Nueva versión publicada en npm bajo
@capacitor-plus/*
Detalles de Revisión de Seguridad
Sección titulada “Detalles de Revisión de Seguridad”Cada sincronización upstream se analiza para:
| Verificar | ¿Qué Captura |
|---|---|
| Seguridad | Inyección de comandos, XSS, travesía de rutas, secretos codificados |
| Cambios importantes | APIs eliminadas/rerenombradas, cambios en firmas, cambios en la configuración |
| Estabilidad | Referencias a null, excepciones no manejadas, condiciones de carrera, fugas de memoria |
| Seguridad de datos | Escenarios de pérdida de datos, violaciones de privacidad, almacenamiento inseguro |
| Code Integridad | Integridad oculta code, llamadas de red sospechosas, puertas traseras |
Submitting Your PR
Sección titulada “Enviar su PR”Tiene un PR atascado en el repositorio oficial Capacitor? Obtenga que se fusiona en Capacitor+:
-
Abrir un problema en el repositorio Capacitor+ vinculado a su PR upstream
-
O enviar directamente como un PR a la
plusrama -
La equipe revisará, ejecutará CI y fusionará si pasa.
De esta manera, tú y otros pueden aprovechar tus contribuciones de inmediato sin tener que esperar al ciclo de lanzamiento upstream.
Sección titulada “FAQ”
Section titled “Is this production-ready?”Sí. Capacitor+ se utiliza en aplicaciones de producción. Cada lanzamiento pasa el mismo conjunto de pruebas que el Capacitor oficial, más un análisis de seguridad adicional.
¿Funcionarán mis plugins oficiales todavía?
¿Funcionarán mis plugins oficiales todavía?Sí. Todo. @capacitor/* plugins work with Capacitor+ out of the box.
What if upstream releases a breaking change?
¿Qué pasa si upstream lanza un cambio disruptivo?La revisión de seguridad por IA destaca los cambios de ruptura para una revisión manual. Verá los cambios documentados antes de que se integren.
¿Cómo puedo informar problemas?
Sección titulada “¿Cómo puedo informar problemas?”Reporte problemas en el Capacitor+ GitHub repo. Para problemas que también afectan el oficial Capacitor, ayudaremos a coordinar el upstream.
Puedo contribuir?
Sección titulada “Puedo contribuir?”¡Absolutamente! Los PRs son bienvenidos. Puede enviar correcciones directamente o solicitar que se fusionen PRs específicas de upstream.
Sigue adelante desde Getting Started
Sección titulada “Sigue adelante desde Getting Started”Si estás utilizando Getting Started para planificar el trabajo de plugin nativo, conecte con Usando Capacitor+ (@capacitor-plus) Paquetes para la capacidad nativa en Usando Capacitor+ (@capacitor-plus) Paquetes, Capgo Directorio de Plugins para el flujo de trabajo del producto en Capgo Directorio de Plugins, Capacitor Plugins por Capgo para el detalle de implementación en Capacitor Plugins por Capgo, Agregar o Actualizar Plugins para el detalle de implementación en Agregar o Actualizar Plugins, y Alternativas de Plugins de Ionic Enterprise para el flujo de trabajo del producto en Ionic Enterprise Plugin Alternatives.