Inicio rápido
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 Proyecto Nuevo”Puede utilizar nuestra configuración asistida por IA para instalar Capacitor+. Agregue las Capgo habilidades a su herramienta de IA 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:
-
Instale 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
Migrando desde Oficial Capacitor
Sección titulada “Migrando 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 Capacitor+ paquetes
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 -
Sincronizar 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 API-compatible, su 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 Capacitor
Sección titulada “Con Plugins Oficiales Capacitor”Todos los plugins oficiales 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”Los plugins Capgo 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 sincronizan cambios más recientes desde
ionic-team/capacitor - Creación de PR: Se proponen cambios como solicitudes de extracción al
plusrama - Validación de CI: Se ejecuta el conjunto de pruebas completo (lint, pruebas unitarias, compilación de iOS, compilación de Android)
- Revisión de Seguridad: Análisis de inteligencia artificial verifica vulnerabilidades y cambios que rompen la compatibilidad
- Auto-Merge: Solo si CI pasa y la revisión de seguridad aprueba
- Publicación Automática: Nueva versión publicada en npm bajo
@capacitor-plus/*
Detalles de Revisión de Seguridad
Sección titulada “Detalles de Revisión de Seguridad”Se analiza cada sincronización upstream para:
| Verificar | ¿Qué Captura? |
|---|---|
| Seguridad | Inyección de comandos, XSS, travesía de rutas, secretos codificados |
| Cambios de ruptura | Eliminados/renombrados APIs, cambios en firmas, cambios en la configuración |
| Estabilidad | Referencias nulas, 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 de Capacitor? ¡Obtenga que se fusiona en Capacitor+:
-
Abrir una incidencia en el Capacitor+ repositorio Enlace a tu 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án beneficiarse 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í. 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í. Todos @capacitor/* los plugins funcionan con Capacitor+ de forma predeterminada.
¿Qué pasa si se libera un cambio de ruptura en la fuente?
¿Qué pasa si se libera un cambio de ruptura en la fuente?La revisión de seguridad por inteligencia artificial marca los 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?Registre problemas en el Capacitor+ GitHub repo. Para problemas que también afectan a los Capacitor oficiales, ayudaremos a coordinar la fuente.
¿Puedo contribuir?
Sección titulada “¿Puedo contribuir?”¡Absolutamente! Se aceptan PRs. 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, conectalo con Usando Capacitor+ (@capacitor-plus) Paquetes para la capacidad nativa en Usando Capacitor+ (@capacitor-plus) Paquetes, Capgo Directorio de Plugin para el flujo de trabajo del producto en Capgo Directorio de Plugin, Capacitor Plugins by Capgo for the implementation detail in Capacitor Plugins by 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 Alternativas de Plugins de Ionic Enterprise.