Inicio
Copiar una solicitud 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 de núcleo
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();How the Sync Works
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 los cambios como solicitudes de revisió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 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 la Revisión de Seguridad
Sección titulada “Detalles de la 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 |
Envío de su PR
Sección titulada “Envío de su PR”¿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 lanzamiento upstream.
¿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?
Sección titulada “¿Funcionarán mis plugins oficiales?”Sí. Todos los @capacitor/* plugins funcionan con Capacitor+ sin necesidad de configuración adicional.
¿Qué pasa si upstream lanza un cambio de ruptura?
Sección titulada “¿Qué pasa si upstream lanza un cambio de ruptura?”La revisión de seguridad por IA marca los cambios de ruptura para una revisión manual. Verá los cambios documentados antes de que se fusionen.
¿Cómo puedo informar problemas?
Sección titulada “¿Cómo puedo informar 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á 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 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.