Actualizar en vivo

Utilice la característica de actualizaciones en vivo de Capgo para actualizar la interfaz de usuario y la lógica de negocio de su aplicación de manera remota y en tiempo real. Envíe actualizaciones de paquete JS directamente a sus usuarios sin pasar por la tienda de aplicaciones para corregir bugs y enviar nuevas características de inmediato.

Consejo

Capgo sube el carpeta de construcción web generada. Los cambios de HTML, CSS, JavaScript, activos y paquetes de JavaScript puro pueden ir OTA una vez que estén empaquetados allí. Los cambios a capacitor.config.tsRequieren una versión de aplicación nativa los archivos de proyecto iOS/Android, configuraciones de plugin nativo o paquetes nativos.

Esta guía supone que has completado el Capgo Quickstart Instalado el

1. en tu aplicación @capgo/capacitor-updater SDK in your Capacitor app

2. Agregado en tu capacitor.config.ts

3. Added in your code the CapacitorUpdater.notifyAppReady() Si no has realizado esos pasos aún, por favor vuelve atrás y completa el quickstart primero.

Agregar una aplicación

Agregar una aplicación a tu cuenta de Add an app to your Capgo account, and install the plugin in your app

Subiendo un paquete

Con el Capgo SDK instalado y configurado, está listo para subir su primer paquete de actualización en vivo:

1. Construya sus activos web:

   npm run build

2. Suba el paquete a Capgo:

   Pantalla de consola

   npx @capgo/cli@latest bundle upload --channel=production

   Github Acciones

   github/flujos de trabajo/build_and_deploy.yml

   name: Build source code and send to Capgo
   
   concurrency:
   group: ${{ github.workflow }}-${{ github.ref }}
   cancel-in-progress: true
   
   on:
   push:
     branches:
       - main
   
   jobs:
   deploy_to_capgo:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
         uses: actions/checkout@v6
       - uses: actions/setup-node@v6
         with:
           node-version: '24'
       - name: Install dependencies
         run: npm install
       - name: Build
         run: npm run build
       - name: Deploy to Capgo
         run: npx @capgo/cli@latest bundle upload -a ${{ secrets.CAPGO_TOKEN }} --channel ${{ env.CHANNEL }}
         env:
           CAPGO_TOKEN: ${{ secrets.CAPGO_TOKEN }}

   Gitlab

   .gitlab-ci.yml

   stages:
     - build
   
   build:
     stage: build
     image: node:18
     cache:
       - key:
           files:
             - package-lock.json
         paths:
           - .node_modules/
     script:
       - npm install
       - npm run build
       - npx @capgo/cli@latest bundle upload -a $CAPGO_TOKEN --channel $CAPGO_CHANNEL
     artifacts:
       paths:
         - node_modules/
         - dist/
     only:
       - master

   Esto subirá una nueva versión del paquete al canal especificado en la orden.

Solución de problemas de carga

Si tu carga falla, revisa:

• Tu ID de aplicación en capacitor.config.ts coincide con tu aplicación en la consola de Capgo
• Estás ejecutando la orden de carga desde la raíz de tu proyecto Capacitor
• Tus activos web están construidos y actualizados

If you’re still having trouble, go to the Solución de problemas section

Recepción de una actualización en un dispositivo

Una vez que subas tu paquete, puedes probar la actualización en vivo en un dispositivo:

1. Sincroniza tu aplicación con el dispositivo:

   npx cap sync ios

2. Abre otra ventana de terminal y ejecuta el siguiente comando para verificar el estado de la actualización:

   npx @capgo/cli@latest app debug

3. Corre tu app localmente:

   npx cap run ios

   O abre el proyecto iOS/Android en Xcode/Android Studio y haz una ejecución nativa.

4. Mantén la app abierta durante unos 30 segundos para permitir que la actualización se descargue en segundo plano.

5. Los registros tardarán unos segundos en actualizarse y mostrar el estado de la actualización.

6. Cierra y vuelve a abrir la app. Deberías ver tu actualización en vivo aplicada!

Vuelve a consultar el Capgo Quickstart Para obtener más detalles sobre la prueba de actualizaciones en vivo.

Pasos siguientes

Felicidades por desplegar tu primer actualización en vivo con Capgo! 🎉

Para obtener más información, revise el resto de la documentación de actualizaciones en vivo de Capgo. Algunos temas clave a revisar a continuación:

• Configuración de actualizaciones con canales
• Personalización del comportamiento de actualización
• Actualizaciones en vivo de rollback

Sigue adelante desde Desplegar una actualización en vivo

Si estás utilizando Desplegar una actualización en vivo para planificar la automatización de CI/CD, conecta con Capgo Integración CI/CD para el flujo de trabajo del producto en Capgo Integración CI/CD Capgo Compilaciones nativas para el flujo de trabajo del producto en Capgo Compilaciones nativas Capgo Integraciones para el flujo de trabajo del producto en Capgo Integraciones Integración CI/CD para el detalle de implementación en Integración CI/CD, y GitHub Integración de Acciones para el detalle de implementación en GitHub Integración de Acciones