Getting Started
Copie un prompt de configuración con los pasos de instalación y la guía de 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”Puede utilizar nuestra configuración asistida por inteligencia artificial para instalar Capacitor+. Agregue las Capgo habilidades a su herramienta de inteligencia artificial utilizando el siguiente comando:
npx skills add https://github.com/Cap-go/capgo-skills --skill capacitor-pluginsLuego utilice 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 prefiere la configuración manual, instale los paquetes ejecutando los siguientes comandos y siguiendo 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
Since Capacitor+ is API-compatible, your existing code works without changes:
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' });With Capgo Plugins
Sección titulada “Con Capgo Plugins”Los 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 │└─────────────────────┘ └──────────────────┘ └──────────────────┘ └─────────────────┘- Sincronización diaria: Las GitHub Acciones recuperan los últimos cambios desde
ionic-team/capacitor - Creación de PR: Se proponen los cambios como solicitudes de extracción en la
plusrama - Validación de CI: Se ejecuta el conjunto de pruebas completo (lint, pruebas unitarias, compilación iOS, compilación Android)
- Revisión de Seguridad: Análisis automatizado busca vulnerabilidades y cambios que rompen la compatibilidad
- Auto-Merge: Solo si CI pasa y la 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”Todo el sincronismo upstream se analiza para:
| Verificar | ¿Qué Coge |
|---|---|
| Seguridad | Inyección de comandos, XSS, travesía de rutas, secretos codificados |
| Cambios importantes | APIs eliminadas/renombradas, 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 de code oculta, llamadas de red sospechosas, puertas traseras |
Enviar su PR
Sección titulada “Enviar su PR”¿Tiene un PR atascado en el repositorio oficial Capacitor? Obtenga que se fusiona en Capacitor+:
-
Abrir una incidencia en el Capacitor+ repo vinculando a su PR upstream
-
O enviar directamente como un PR a la
plusrama -
El equipo revisará, ejecutará CI y fusionará si pasa
De esta manera, tú y otros podrás beneficiarte de tu trabajo de inmediato sin tener que esperar al ciclo de lanzamiento upstream.
Preguntas frecuentes
Sección titulada “Preguntas frecuentes”¿Está listo para producción?
Sección titulada “¿Está listo para producción?”Sí. Se utiliza Capacitor+ 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?
Sección titulada “¿Funcionarán mis plugins oficiales?”Sí. Todos los plugins funcionan con __CAPGO_KEEP_0__+ de forma nativa. @capacitor/* plugins work with Capacitor+ out of the box.
¿Qué pasa si upstream lanza un cambio de ruptura?
¿Qué pasa si se libera una modificación de ruptura en la fuente?La revisión de seguridad de IA marca cambios de ruptura para una revisión manual. Verá los cambios documentados antes de que se fusionen.
¿Cómo puedo informar problemas?
¿Cómo puedo informar problemas?Informe problemas en el Capacitor+ GitHub repositorio. Para problemas que también afectan a Capacitor oficial, ayudaremos a coordinar la fuente.
¿Puedo contribuir?
¿Puedo contribuir?¡Absolutamente! Los PRs son bienvenidos. Puede enviar correcciones directamente o solicitar que se fusionen PRs específicas de la fuente.
Sigue adelante desde Getting Started
¿Puedo contribuir?If estás utilizando Getting Started para planificar el trabajo de plugins nativos, conecta 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.