Inicio
Copiar 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 habilidades Capgo 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:
-
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 Official 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 -
Sincronizar tu proyecto
ventana de terminal npx cap syncventana de terminal pnpm cap syncventana de terminal yarn cap syncventana de terminal bunx cap sync
Desde Capacitor+ es compatible con API-, 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 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”Los plugins de 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 │└─────────────────────┘ └──────────────────┘ └──────────────────┘ └─────────────────┘- Sincronización diaria: GitHub Acciones recuperan los últimos cambios 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 iOS, compilación Android)
- Revisión de seguridad: Análisis automatizado con inteligencia artificial verifica vulnerabilidades y cambios disruptivos
- Auto-Merge: Solo si CI pasa y la revisión de seguridad aprueba
- Auto-Publish: 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 de ruptura | Removed/renamed APIs, changed signatures, config changes |
| Estabilidad | Null dereferences, unhandled exceptions, race conditions, memory leaks |
| Seguridad de datos | Escenarios de pérdida de datos, violaciones de privacidad, almacenamiento inseguro |
| Code Integridad | code Obstrucción, llamadas de red sospechosas, puertas traseras |
Enviar su PR
Enviar su solicitud de extracción¿Tiene un PR atascado en el repositorio oficial de Capacitor? Obtenga que se integre en Capacitor+:
-
Abrir un problema en el Capacitor+ repo vinculando a su PR upstream
-
O enviar directamente como un PR a la
plusrama -
El equipo revisará, ejecutará CI y lo integrará si pasa
De esta manera, usted y otros pueden beneficiarse de su trabajo de inmediato sin tener que esperar al ciclo de liberación upstream.
¿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 @capacitor/* plugins funcionan con Capacitor+ de forma nativa.
¿Qué pasa si se libera una actualización que rompe la compatibilidad?
Sección titulada “¿Qué pasa si se libera una actualización que rompe la compatibilidad?”La revisión de seguridad por inteligencia artificial marca los cambios que rompen la compatibilidad para una revisión manual. Verá los cambios documentados antes de que se integren.
¿Cómo puedo reportar problemas?
Sección titulada “¿Cómo puedo reportar problemas?”Reporte problemas en el Capacitor+ GitHub repositorio. Para problemas que también afectan a Capacitor oficial, ayudaremos a coordinar la actualización.
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, conecta con Usando Capacitor+ (@capacitor-plus) Paquetes para la capacidad nativa en Usando Capacitor+ (@capacitor-plus) Paquetes, Capgo Directorio del plugin para el flujo de trabajo del producto en Capgo Directorio del plugin, 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 Alternativas de Plugins de Ionic Enterprise.